Ajax脚本结构

Ajax技术常用于表单验证、页面局部刷新等方面，极大的提高了用户体验。

可观看朱老师的Ajax入门经典视频：http://www.php.cn/course/682.html
一、使用流程：

二、具体使用方法（Ajax脚本的结构）如下：
1、创建Ajax对象(如xhr)；
例如：  var xhr=new XMLHttpRequest();  //创建Ajax对象

2、设置onreadystatechange事件回调，处理响应返回的数据；
例如：  xhr.onreadystatechange=function () {   //监测请求状态的变化
                  //如果请求完成并成功返回数据
                  if(this.readyState==4 && this.status==200) {
                        document.getElementByid('res').innerHTML=xhr.responseText;
                 }
              }

3、初始化一个请求：执行Ajax对象（如xhr）的open方法；
例如：  xhr.open('get','test.php',true);       //true代表异步，false代表同步。既然用Ajax，一般都用异步方式

4、设置请求头信息（可选，一般用于POST请求，Get请求可不用）；

5、发送请求：send()
例如： xhr.send(null);  //不传任何参数，但IE早期浏览器需要参数必须为null