Question

我需要使用ajax函数在文本框中使用id = txtName显示名称，但它不起作用。以下是我的ajax功能：

function showName(str) {
    if (str.length == 0) {
        document.getElementById("txtName").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("txtName").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "getname.php?q="+str, true);
    xmlhttp.send();
}

Answer 1

您必须将innerHTML更改为value，因为前者将更改id为“txtName”的元素的值。

希望这有帮助。

function showName(str)
{
if (str.length==0)
  {
  document.getElementById("txtName").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("txtName").value=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","getname.php?q="+str,true);
xmlhttp.send();
}

Answer 2

尝试使用jquery，为什么还要使用老式的ajax

Ajax功能不起作用

2 个答案: