XMLHttpRequest概念性知识

作者: 觉子先生 | 来源:发表于2015-02-15 20:47 被阅读126次

    XMLHttpRequest对象的创建在IE6上兼容

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

    XMLHttpRequest发送请求

    open

    method 发送请求方法,务必大写字母
    url 请求地址
    async 请求同步/异步(一般选择异步,也就是true,默认true,也就是不填写)

    send

    string

    XMLHttpRequest获取响应

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

    responseXML:获得 XML 形式的响应数据

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

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

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

    readyState属性(代表服务器响应的变化):

    0:请求未初始化,open还没调用
    1:服务器链接已建立,open已经调用了
    2:请求已接收,也就是接收到头信息了
    3:请求处理中,也就是接收到响应主体了
    4:请求已完成,且响应已就绪,也就是响应完成了

    监听服务器readyState属性的变化:

    var request = new XMLHttpRequest();
    request.open("GET","get.php",true);
    request.send();
    request.onreadystatechange = function(){
        if(request.readyState===4 && request.status===200){
        //在响应完成了且请求成功之后做一些事情。比如:request.reponseText(获取服务器响应的内容)
        }
    }
    //onreadystatechange使在每一次readyState事件变化的时候触发

    相关文章

      网友评论

        本文标题:XMLHttpRequest概念性知识

        本文链接:https://www.haomeiwen.com/subject/aezexttx.html