前端ajax异步学习整理

AJAX:异步的JavaScript和xml

1.XMLHttpRequest对象与web服务器进行数据异步交换，运用js操作dom实现页面局部刷新.(XHR)

varrequest = new XMLHttpRequest();//创建XHR对象(ie5 ie6 不兼容)

var request;

If(window.XMLHttpRequest){

     Request=newXMLHttpRequest();//ie7+,firefox,chromw,opera,Safari

}else{

     Request=newActiveXObject(“Microsoft.XMLHTTP”);

}

XMLHttpRequest发送请求

request.open(method,url,async);//async请求同步or异步(false/true),默认为TRUE 可以不填写

request.send(string);//发送请求，get是string为null或“”

request.onreadystatechange=function(){

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

         //dosomthing;

}

}

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

responseXML:获取xml形式的响应数据

status和statusText:以数据和文本形式返回HTTP状态码

getAllResponseHeader():获取所有的响应报头

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

 

readyState

     0:请求未初始化，open还未调用

     1:服务器连接已经建立，open已经调用了

     2:请求已接收，收到头信息

     3:请求处理中，接收到响应主题

     4:请求已完成，且响应已就绪，响应完成。

2.http请求

http:网络通信规则

无状态协议(不建立持久的连接，服务器不保存请求信息)

HTTP请求

1.      建立TCP连接

2.      Web浏览器向web服务器发送请求命令

3.      Web浏览器发送请求头信息

4.      Web服务器应答

5.      Web服务器发送应答头信息

6.      Web服务器性浏览器发送数据

7.      Web服务器关闭tcp连接

http请求有四部分组成：

1.      http请求的方法或动作，比如是get或post请求。Get一般用于信息获取，使用url传递参数，对所发送信息的数量有限制（2000个字符）。Post一般用于修改服务器上的资源，对所发送的信息数量无限制。

2.      正在请求的URL。

3.      请求头，包含一些客户端环境信息、身份验证信息等。

4.      请求体，请求正文，包含客户提交的查询字符串信息、表单信息等。

http响应：

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

2.      响应头，响应头也和请求头一样包含许多有用的信息，例如服务器类型、日期时间、内容类型和长度。

3.      响应体，响应正文。

写在最后：感谢学姐资料分享，未免忘记，特此上传，与诸君交流学习。