ajax总结

标签：

ajax：    
    1.即是 asynchronize javascript and xml
    2.ajax核心对象是XmlHttpRequest
    3.特点：异步-----局部刷新

四个步骤：1.创建xhr        
    2.打开链接    ：3个值     - type:POST/GET        //要大写。
            - url
            - async:true异步，false同步
    3.绑定回调函数：发送成功之后触发    
    4.发送请求
    eg：
    1.创建xhr
        var xhr = null;
        if (window.XMLHttpRequest) {//dom
            xhr = new XMLHttpRequest();
        } else {//ie
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }

    2.打开链接
        xhr.open("GET", "newPage.html", true);
    
    3.绑定回调函数：发送成功之后触发
        xhr.onreadystatechange = function() {
            console.info(xhr.readyState);
            document.body.innerHTML = xhr.responseText;
        }

    4.发送请求
        xhr.send(null);



http协议：
    request：
        请求行；
        请求头；
        空行；
        消息体；
    
    response：
        状态行；
        响应头；
        空行；
        消息体；

xhr状态码：
    readyState属性的值:
    0：XMLHttpRequest对象还没有完成初始化。
    1：XMLHttpRequest对象开始发送请求。
    2：XMLHttpRequest对象的请求发送完成。
    3：XMLHttpRequest对象开始读取服务器的响应。
    4：XMLHttpRequest对象读取服务器响应结束。

    status属性值：
    200：服务器响应正常。
    304：该资源在上次请求之后没有任何修改（使用缓存）。
    400：无法找到请求的资源。
    404：需要访问的资源不存在。
    500：服务器内部出错。

ajax总结

标签：

原文地址：http://www.cnblogs.com/lx307697527/p/5418676.html