Question

我第一次使用AJAX和PHP和mySQL。我一直在关注如何将AJAX与INPUT字段一起使用的一些示例和教程。

我有一个包含2个输入字段的表单。

第一个输入栏：用户输入4位数
第二个输入字段：在mySQL数据库中查找4位数字并在此字段中输出。

大多数示例都基于div和span的输出，而我对第二个INPUT字段的输出感兴趣。

这怎么可能？

我的js文件：

function showUser(str)
{
  if (str=="")
  {
    document.getElementById("txtHint").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("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","include/postalcode.php?q="+str,true);
  xmlhttp.send();
}

Answer 1

你写过：

document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

而不是innerHTML使用值：

document.getElementById("txtHint").value=xmlhttp.responseText;

Answer 2

大多数示例都基于div和span的输出，而我对第二个INPUT字段的输出感兴趣。

您应该可以通过两个更改来跟踪示例：

使用 .value 代替.innerHTML 输入字段
查找您的第二个输入字段其ID

的document.getElementById（ “secondFieldId”）值= xmlhttp.responseText;

AJAX，刷新INPUT字段

2 个答案: