如何知道AJAX何时完成了原生JS的过程？

Question

如何在没有JQuery的情况下做到这一点？

这里是我的代码：

我想是这样的：

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

Answer 1

你安装了错误的事件处理程序...尝试onreadystatechange。对于你的情况，我会建议增加一个回调函数您runScript功能：

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...'); 
});