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

1、首先，创建一个 XMLHttpRequest 对象。

JavaScript 代码示例：

varxhr = 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();