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:服务器内部出错。

posted on 2016-04-21 20:50  汉时关  阅读(114)  评论(0编辑  收藏  举报