学习JavaScript笔记

异步 AJAX

除了 setTimeout 函数以外，异步回调广泛应用于 AJAX 编程。

XMLHttpRequest 常常用于请求来自远程服务器上的 XML 或 JSON 数据。一个标准的 XMLHttpRequest 对象往往包含多个回调：

实例

varxhr = newXMLHttpRequest();  xhr.onload = function(){    // 输出接收到的文字数据    document.getElementById("demo").innerHTML=xhr.responseText;}xhr.onerror = function(){    document.getElementById("demo").innerHTML="请求出错";}// 发送异步 GET 请求xhr.open("GET", "https://www.runoob.com/try/ajax/ajax_info.txt", true);xhr.send();

XMLHttpRequest 的 onload 和 onerror 属性都是函数，分别在它请求成功和请求失败时被调用。如果你使用完整的 jQuery 库，也可以更加优雅的使用异步 AJAX：

实例

$.get("https://www.runoob.com/try/ajax/demo_test.php",function(data,status){    alert("数据: " + data + "\n状态: " + status);});