AJAX-基本知识介绍

1.      简介

AJAX是异步的Javascript和XML的缩写。实际含义是可以在不重新刷新整个网页的情况下，局部更新网页。比如，更新局部表单，在用户填写一个字段以后，可以马上把该行数据发送给服务器，服务器进行验证，即时返回错误，不用等待表单内容全部填写完毕再发送给服务器，快捷方便。

2.      用AJAX进行局部刷新的步骤

（1）      HTML和CSS完成页面编写

（2）       XMLHttpRequest和web服务器进行数据的异步交换

（3）      Javascript操作DOM进行页面局部刷新

3.      XMLHttpRequest对象

兼容ie5、ie6、ie7创建XMLHttpRequest对象

var request;

if(window.XMLHttpRequest){

request=new XMLHttpRquest();

}else{

request=new ActiveXObject(“Microsoft.XMLHTTP”); //ie5,ie6

}

4.      HTTP请求简介

（1）HTTP协议使得浏览器可以向服务器请求信息及服务。HTTP是一种无状态的协议，也就是服务器不保留历史请求信息，不建立持久联系的请求，即，浏览器发出请求->服务器响应请求->联系断开。

（2）一个HTTP请求由四部分组成：请求的方法或动作，比如是GET还是POST请求；请求的URL；请求头；请求体。

（3）一个完整的HTTP请求过程通常由以下7个步骤组成：建立TCP连接；浏览器向服务器发送请求命令；浏览器向服务器发送请求头信息；服务器应答；服务器发送应答头信息；服务器发送数据；TCP连接关闭。

         HTTP请求实例

        

5.      GET和POST请求

GET：一般用于信息获取，使用URL传递参数，对发送信息的数量有限制，多用于查询页面，修改URL就可以发送请求，方便但是不安全。GET是幂等的。

POST：一般用于修改服务器上资源，对于发送信息无数量限制，比较安全。

6.      HTTP响应

（1）HTTP相应一般由三个部分组成：一个数字和文字组成的状态码，用来显示请求是成功还是失败；响应头，包含很多如服务器类型、日期、内容类型等信息；响应体，响应的正文。

例如：

（2）响应的状态码：1XX：信息类，表示收到浏览器请求，正在进一步的处理中；2XX：成功；3XX：重定向，表示请求没有成功，客户必须采取进一步的动作；4XX：客户端错误，表示客户端提交的请求有错误；5XX：服务器错误，表示服务器不能完成请求的处理。

7.      XMLHttpRequest发送请求

（1）      open(method,url,async)

async-同步或异步，一般为异步true，默认是异步true

         (2)  send(string)

                   GET可以不填写

例如：

8.      获取XMLHttpRequest响应

例如：

<span style="font-size:14px;">var request=new XMLHttpRequest();

request.open(“GET”,”get.php”,true);

request.send();

request.onreadystatechange=function(){

  if(request.readyState===4&&request.status===200){

  //do something

  }

}</span>