原生的AJAX

作者: Wang_Yong | 来源:发表于2018-02-08 16:39 被阅读0次

    直接上代码

    // 使用xhr对象,判断是否ie5/6
    var xhr;
    if (window.XMLHttpRequest) {
      xhr = new XMLHttpRequest();
    } else {
      // ie56的使用的xhr对象
      xhr = new ActiveXObject("Microsoft.XMLHttp");
    }
    xhr.open('GET', 'url', true);
    xhr.send();
    xhr.onreadystatechange = function(){
      if(xhr.readyState ===4 && xhr.status == 200 ){
        console.log(xhr.responseText);
      }
    }
    

    readyState存在的5个状态

    属性 属性含义
    0(未初始化) 对象已经建立,请求未初始化,尚未调用open方法
    1 初始化 对象已经服务器连接已经建立,尚未调用send方法
    2 发送数据 send方法已调用,但是当前的状态及http头未知
    3 请求处理中 已接收部分数据,因为相应及http头不全,这时通过responseBody和responseText获取数据会出现错误
    4 请求已完成 数据接收完毕,此时可以通过responseBody和responseText获取完整的回应数据。

    status状态码
    200 ok

    相关文章

      网友评论

        本文标题:原生的AJAX

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