AJAXおよびDOM機能の誤動作

Question

次で

xmlhttp.responseText;//createDisplayElement() 

の表示コンテナを作成するためのメソッドを呼び出そうとし

：FFのエラーコンソールに JS BIN Document

エラーなし、しかし動作がありますオフにして、ページを適切にリフレッシュしないでください。

Answer 1

への参照を欠いています。

1. objが正しく定義されていません。
2. p要素にプレーンテキスト（xmlhttp.responseText）が追加されています。

両方とも以下のように修正されています。

これを試してみてください

、

function makerequest(serverPage, objID) 
{ 

    xmlhttp.open("GET", serverPage); 
    xmlhttp.onreadystatechange = function(){ 

     if(xmlhttp.status == 200 || xmlhttp.readyState == 4){ 

      createDisplayElement(objID); 
     } 
    }; 

    xmlhttp.send(null); 
} 

function createDisplayElement(objID){ 
    var obj = document.getElementById(objID); 
    var para = document.createElement("p"); 
    obj.appendChild(para); 
    var txtNode = document.createTextNode(xmlhttp.responseText); 
    para.appendChild(txtNode); 

} 

Answer 2

objのように見えるのは、関数のコンテキストで不適切に定義されている可能性があります。代わりにthisをお試しください：

// It is called as: 
obj.createDisplayElement(); 


// But the function also uses obj 
function createDisplayElement(){ 

    var para = document.createElement("p"); 
    this.appendChild(para); 
    //^^^^^^ 
    var txt = xmlhttp.responseText; 
    para.appendChild(txt); 
} 

Answer 3

この機能は、私は、コードで2つの問題を参照してくださいobj

function createDisplayElement(){ 

    var para = document.createElement("p"); 
    obj.appendChild(para); 
    var txt = xmlhttp.responseText; 
    para.appendChild(txt); 

}