AJAX的概念介绍

AJAX学习

1.XMLHttpRequest对象创建

var request= new XMLHttpRequest();

兼容ie6。ie5

var request;

if(windoe.XMLHttpRequest){

request= new XMLHttpRequest();//IE7+,Firefor,Chorme,Opera,....

}else{

request=new ActiveXObject("Microsoft.XMLHTTP");//IE6。IE5

}

2.HTTP请求步骤

（1）建立TCP连接

（2）Web浏览器向Webserver发送请求命令

（3）Webserver发送请求头信息

（4）Webserver应答

（5）Webserver发送应答信息

（6）Webserver向浏览器发送数据

（7）Webserver关闭TCP连接

3.HTTP请求一般由四部分组成

（1）HTTP请求的方法或动作。比方是GET还是POST请求

（2）正在请求的URL。总得知道请求的地址是什么

（3）请求头，包括一些client环境信息，身份验证信息等

（4）请求体，就是请求正文。请求正文中能够包含客户提交的查询字符串信息，表单信息等等

.GET:一般用于信息获取，使用URL传递參数，对所发送信息的数量有限，一般在2000个字符

.POST：一般用于改动server上的资源。

对所发送信息的数量无限。是比GET安全。

4.HTTP响应一般由三部分组成

（1）一个数组和文字组成的状态码。用来显示请求是成功还是失败

（2）响应头，包括非常多实用信息，如：server类型、日期时间、内容类型和长度等

（3）响应体，就是响应正文

5.HTTP状态码

.1XX:信息类，表示收到Web浏览器请求，正在进一步的处理中

.2XX：成功，表示用户请求被正确接收。处理。如：200 OK

.3XX：重定向，表示请求没有成功。客户必须採取进一步的动作

.4XX：client错误，表示client提交的请求有错误，如：404 NOT Found，意味着请求中所引用的文档不存在

.5XX：server错误，表示server不能完毕对请求的处理：如500

6.XMLHttpRequest发送请求

.open(method,url,async)[请求方法。请求地址，请求同步、异步]

.send(string)

注意：使用GET请求时send能够为null。使用POST请求send不能为null。

样例：

request.open("GET","get.php",true);

request.send();

request.open("POST","post.php",true);

request.send();

request.open("POST","sreate.php","true");

request.setRequestHeader("Content-type","application/x-www-form-urlencoded");

request.send("name=hyp&sex=女");

注意：setRequestHeader()方法设置http头信息。一定是在open和send之间。

7.XMLHttpRequest取得响应

.responseText:获取字符串形式的响应数据

.responseXML：获取XML形式的响应数据

.status和statusText：以数字和文本形式返回HTTP状态码

.getAllResponseHeader()：获取全部的响应报头

.getResponseHeader()：查询响应中的某个字段的值

.readyState属性

>0：请求末初始化，open还没有调用

>1：server连接已建立。open已经调用了

>2：请求已接收，也就是接收到头信息了

>3：请求处理中，也就是接收到响应主体了

>4：请求已完毕，且响应已就绪。也就是响应完毕了