1

我有一个运行良好的现有 jQueryMobile 站点。我现在需要修改其中一个 HTML 表单以使用 AJAX 来更新页面，其中包含将通过 PHP 脚本检索的一些内容。

我过去曾在非 jQueryMobile 网站上这样做过，通常会将 Javascript 添加到 head 部分并将此属性添加到表单元素（在这种特殊情况下为输入文本字段）：

onchange="updateFormContent(this.value)"

实际的脚本是这样的：

function updateFormContent(str)
{
if (str=="")
  {
  document.getElementById("Name").innerHTML="";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("Name").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST","nameSearch.php?name="+str,true);
xmlhttp.send();
}

我试图在我的 jQueryMobile 网站上对我的 HTML 表单做同样的事情并卡住了。这是我的 HTML 表单的一个简单示例：

http://jsfiddle.net/4zjSx/

当用户在名称字段中输入内容时，我想触发“nameSearch.php?name=” php 页面，该页面在数据库中搜索任何匹配的名称并在同一页面上显示结果，并在此过程中更新 DIV。

感谢任何提示我正确的方向或任何类似的jQueryMobile表单页面的工作示例。

4

1 回答 1

0

http://www.w3schools.com/ajax/ajax_aspphp.asp

认为你正在寻找这个。

于 2012-07-04T07:39:35.157 回答