Ajax

标签：

1.XMLHttpRequest对象

var xhr;
if(window.XMLHttpRequest){
    xhr = new XMLHttpRequest(); //IE7+,Firefox,Chrome,Opera,Safari  
}else{
    xhr = new ActiveXObject("Microsoft.XMLHTTP"); //IE6,IE5
}        

2.HTTP请求和响应

   HTTP请求完整过程：

1. 建立TCP连接
2. 浏览器向Web服务器发送请求命令
3. 浏览器发送请求头信息
4. Web服务器应答
5. Web服务器发送应答头信息
6. Web服务器向浏览器发送数据
7. Web服务器关闭TCP连接

  HTTP请求的组成：

请求的方法或动作（GET或POST）、请求的URL、请求头（客户端环境和验证信息等）、请求体（请求正文）

  HTTP响应的组成：

状态码（数字和文字组成）、响应头（服务器类型、日期时间、内容类型和长度等）、响应体

  状态码（首字母定义了类型）：

1xx:信息类、2xx:成功（200 OK）、3xx:重定向(304)、4xx客户端错误（404 NOT FOUND）、5xx:服务器错误（500）

   XMLHttpRequest发送请求：

• open(method,url,async)     //async默认值是true，即异步传输
• send(string)

xhr.open("GET","search.php",true);
xhr.send();

xhr.open("POST","creat.php",true);
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send("name=小明&sex=男");

  XMLHttpRequest取得响应：

• responseText属性：获取字符串形式的响应数据
• responseXML属性：获取XML形式的响应数据
• status属性和statusHeader()：HTTP状态码
• getAllResponseHeader()：获取所有的响应报头
• getResponseHeader()：查询响应中的某个字段的值
• readyState属性：0：请求未初始化、1：服务器连接已建立，open已调用、2：请求已接收，接收到头信息、3：请求处理中，接收到响应主体、4：请求已完成

xhr.onreadystatechange = function(){
    if( xhr.readtState==4&&xhr.status===200 ){
        //xhr.requestText
    }
}

Ajax

标签：

原文地址：http://www.cnblogs.com/dxchen/p/5723931.html