原生的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

相关文章

  • js和jq的ajax调用

    原生ajax jQuery的ajax

  • Ajax

    标签: Ajax 正文 一、实现一个原生Ajax 二、Ajax状态 三、将原生的 ajax 封装成 promise

  • html5的ajax学习(三)

    一.原生的ajax封装 原生的ajax的调用 二.jquery的ajax 2.1 jquery的语法 三. fun...

  • 原生ajax和jquery中的ajax

    原生的ajax请求方法: jquery中的ajax:

  • [转]JS原生Ajax代码示例

    文章来源: JS原生Ajax和jQuery的Ajax与代码示例 -- 苏凯勇往直前 JS原生的Ajax其实就是围绕...

  • 前后端交互

    1 前后端交互模式 1.1接口调用方式: 原生AJAX 基于JQuery的AJAX fetch axios 原生的...

  • ajax

    原生ajax配置详解 对ajax简单封装 调用

  • Ajax Axios

    关于Ajax兼容性问题 前端原生Ajax(get方式),后端使用node.js 前后端代码: 前端原生Ajax(p...

  • ajax封装

    原生ajax封装

  • AJAX

    主要内容: ajax 是什么、原生ajax 写法和jQuery ajax写法。 AJAX 是什么 ajax,即As...

网友评论

    本文标题:原生的AJAX

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