Question

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

我以前使用非jQueryMobile网站完成了这项工作，并且通常会在head部分添加一个Javascript，并将此属性添加到表单元素（在这种特殊情况下为输入文本字段）：

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/

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

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

Answer 1

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

认为你正在寻找这个。

jQuery Mobile - 在Form中使用AJAX在提交之前注入html

1 个答案: