初学者-AJAX实现的四个简单步骤

1、首先，创建一个 XMLHttpRequest 对象。JavaScript 代码示例：var xhr = new XMLHttpRequest();

2、其次，创建一个回调函数，用于在服务器返回响应后碌巫谫浪执行操作。回调函数 (callback function) 和一般的函数并无本质上的不同，之所以叫这个名字，是因为它经常被作为匿名挣窝酵聒函数不加声明直接使用。这里，我们只需要关注在回调函数里放入什么操作。JavaScript 代码示例： xhr.onreadystatechange = function() { if (xhr.readyState == 4) { document.getElementById('ajax').innerHTML = xhr.responseText; } };在这个示例中，当XMLHttpRequest 对象的onreadystatechange事件时（实际效果是，服务器有任何响应时），回调函数被触发。在回调函数内，对XMLHttpRequest 对象的 readyState 属性加以判断，如果等于4（服务响应成功），就在网页中的<div id="ajax"> </div>标签中插入响应文本。

3、第三步，打开请求。JavaScript 代码示例：xhr.open('GET', 'example.com');

4、第四步，发送请求。JavaScript 代码示例：xhr.send();