美文网首页
1.5 ajax流程-数据的获取

1.5 ajax流程-数据的获取

作者: 小豌豆书吧 | 来源:发表于2017-11-10 21:14 被阅读25次

数据的获取 10:59

//3.设置响应HTTP请求状态变化的函数;
xhr.onreadystatechange = function() {
    
    if ( xhr.readyState == 4 ) {
        if ( xhr.status == 200 ) {
            alert( xhr.responseText );
        } else {
            alert('出错了,Err:' + xhr.status);
        }
    }
    
}

说明:

  • readyState : ajax工作状态
  • responseText : ajax请求返回的内容就被存放到这个属性下面
  • on readystate change : 当readyState改变的时候触发
  • status : 服务器状态,http状态码

请求状态监控

  • onreadystatechange事件
    • readyState属性:请求状态
      0 (初始化)还没有调用open()方法
      1 (载入)已调用send()方法,正在发送请求
      2 (载入完成)send()方法完成,已收到全部响应内容
      3 (解析)正在解析响应内容
      4 (完成)响应内容解析完成,可以在客户端调用了
    • status属性:服务器(请求资源)的状态 HTTP状态码
    • 返回的内容
      responseText:返回以文本形式存放的内容
      responseXML:返回XML形式的内容

相关文章

网友评论

      本文标题:1.5 ajax流程-数据的获取

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