异步 AJAX

　　

　　除了 setTimeout 函数以外，异步回调广泛应用于 AJAX 编程。有关于 AJAX 详细请参见：https://www.runoob.com/ajax/ajax-tutorial.html

　　

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

　　

　　实例

　　

　　var xhr = new XMLHttpRequest();

　　

　　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);

　　

　　});