通过javascript进行DOM更新不起作用_Javascript_Html_Ajax_Dom_Innerhtml

通过javascript进行DOM更新不起作用

javascript html ajax dom

通过javascript进行DOM更新不起作用,javascript,html,ajax,dom,innerhtml,Javascript,Html,Ajax,Dom,Innerhtml,我只是为了学习而尝试使用javascript创建一个简单的功能原型，但是标记中的内容没有更新，我被困在这一点上。我的代码如下： Ajax搜索框函数LoadList（） { var searchBox=document.getElementById（“txtSearch”）； var resultBox=document.getElementById（“结果”）； var searchedChars=“”； var xHttp=newXMLHttpRequest（）； searchedCha

我只是为了学习而尝试使用javascript创建一个简单的功能原型，但是

标记中的内容没有更新，我被困在这一点上。我的代码如下：


Ajax搜索框
函数LoadList（）
{
var searchBox=document.getElementById（“txtSearch”）；
var resultBox=document.getElementById（“结果”）；
var searchedChars=“”；
var xHttp=newXMLHttpRequest（）；
searchedChars+=searchBox.value；
xHttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）
{
var xmlContent=this.responseXML；
var nameList=xmlContent.getElementsByTagName（“名称”）；
var dispText=“”；
对于（变量i=0；i”；
}
resultBox.innerHtml=dispText；
}
};
open（“GET”，“AssessorList.xml”，true）；
xHttp.send（）；
}

没有可用的数据。


没有可用数据
函数LoadList（）{
var xhttp=new
XMLHttpRequest（）；
变量搜索框=
document.getElementById（“txtSearch”）；
var resultBox=document.getElementById（“结果”）；
var searchedChars=“”；
searchedChars+=searchBox.value；
xhttp.onreadystatechange=函数（）{
//警报（此状态）；
if（this.readyState==4&&this.status==200）{
var xmlContent=this.responseXML；
变量名称列表=searchedChars；
警报（姓名列表）；
var dispText=“”；
对于（变量i=0；i”；
}
resultBox.innerHTML=dispText；
}   
};   
open（“GET”，“ajax.txt”，true）；
xhttp.send（）；
}

希望这可以帮助您

innerHTML而不是innerHtmlReplace resultBox.innerHTML=dispText；byresultBox.innerHTML=dispText@Azola/Pradyut Manna为什么不添加这些作为答案？非常感谢@Azola/Pradyut Manna的快速回复。代码现在可以工作了，并进行了建议的更改。@我的答案少于30个字符：）

 <!DOCTYPE html>    
 <html>     
 <body> 
 <input id="txtSearch" type="text" placeholder="Search" onkeyup="LoadList();" />               
 <p id="results">No data available</p> 
     <script> 
     function LoadList() {   
        var xhttp = new
        XMLHttpRequest();   
        var searchBox = 
        document.getElementById("txtSearch");
        var resultBox =  document.getElementById("results");
        var searchedChars = "";
        searchedChars += searchBox.value;   
        xhttp.onreadystatechange = function() {
         //alert(this.status);
        if (this.readyState == 4 && this.status == 200) {
         var xmlContent = this.responseXML;
                            var nameList = searchedChars;
                            alert(nameList);
                            var dispText = "";
                            for(var i = 0 ; i < nameList.length ; i++)
                            {
                                dispText += nameList[i] + "<br/>";
                            }
                            resultBox.innerHTML = dispText;
        }   
    };   
      xhttp.open("GET", "ajax.txt", true);   
      xhttp.send(); 
     } </script>    
    </body> 
  </html>