原生的AJAX

直接上代码

// 使用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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,654评论 0 7
  • 写在前面 本篇主要内容是结合“XMLHttpRequest Level 1”规范和w3school网站中针对XML...
    JSON_NULL阅读 1,668评论 3 9
  • Ajax 表单提交 在HTML中提供了表单提交的功能,我们可以通过表单把数据从前台提交到后台 在HTML的DOM中...
    羊烊羴阅读 823评论 0 4
  • AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。什么是 AJAX ? AJAX = ...
    逍遥叹6阅读 314评论 0 0
  • 什么是Ajax 不刷新页面的情况下从服务器获取、提交数据的一种数据交互方式。 Ajax使用步骤 1\创建Ajax对...
    LaBaby_阅读 346评论 0 0

友情链接更多精彩内容