AJAXがネイティブJSでの処理を終了したとき、どうすればわかりますか？

Question

これはJQueryなしでどのように行うことができますか？

xhr.finished { 
    alert(AJAX has finished it's process and the HTML has been updated); 
} 

Answer 1

あなたは間違っているイベントハンドラをアタッチしている... onreadystatechangeを試してみてください。私はこのような何かをしたいと思います

：

は、ここに私のコードです。

function runScript(params, callback) { 
    var xhr = new XMLHttpRequest(); 
    xhr.open('POST', 'scripts.php', true); 
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 
    xhr.onreadystatechange = function() { 
     if(xhr.readyState === XMLHttpRequest.DONE) { 
      callback(xhr.status, xhr.responseText); 
     } 
    }; 
    xhr.send(encodeURI(params)); 
} 

runScript('foo=bar', function finished(status, response) { 
    console.log('It is done...'); 
});