原生ajax请求及readyState的几种状态

原生ajax请求写法：

   var http = new XMLHttpRequest();http.open('get','./package.json');http.onreadystatechange = function () {if(http.readyState == 4 && http.status == 200) {var result = JSON.parse(http.responseText);console.log(result.name)}};http.send();

解释：

readyState的几种状态：

0：初始化，XMLHttpRequest对象还没有完成初始化

1：载入，XMLHttpRequest对象开始发送请求

2：载入完成，XMLHttpRequest对象的请求发送完成，已收到全部响应内容但尚未解析

3：解析，XMLHttpRequest对象开始解析服务器的响应内容

4：完成，XMLHttpRequest对象读取服务器响应结束

原生ajax请求及readyState的几种状态相关推荐

原生ajax请求的封装
原生ajax请求的封装原生ajax请求分为四步: 1.创建请求对象判断浏览器的兼容问题 ie浏览器:window.ActiveXObject 常用浏览器:window.XMLHttpRequest ...
理解ajax技术，封装原生 ajax请求
一.Ajax 概述 Ajax 是 Asynchronous Javascript And XML 的简写 Ajax是一门技术,并不是一门语言使用XHTML+CSS来标准化呈现使用XML和XSLT进 ...
原生ajax请求时出现xhr.status==0及POST请求无响应问题
用原生ajax请求时发现xhr.status == 0,于是找了好久,竟然发现是绑定事件的元素不是我点击的元素.参考以下资源 AJAX问题之XMLHttpRequest status = 0 xhr. ...
AJAX请求时status返回状态明细表 readyState的五种状态
为什么80%的码农都做不了架构师?>>> 在<Pragmatic Ajax A Web 2.0 Primer >中偶然看到对readyStae状态的介绍,感觉这个介 ...
php下的原生ajax请求
浏览器中为我们提供了一个JS对象XMLHttpRequet,它可以帮助我们发送HTTP请求,并接受服务端的响应. 意味着我们的浏览器不提交,通过JS就可以请求服务器. ajax(Asynchron ...
原生Ajax请求流程：同步请求、异步请求
Ajax 异步无刷新技术原生Ajax的实现流程得到XMLHttpRequest对象 - var xhr = new XMLHttpRequest(); 打开请求 - xhr.open(method ...
详解原生AJAX请求demo（兼容IE5/6）
function createXHR(){ // 检测原生XHR对象是否存在if ( window.XMLHpptRequest ){// 如果存在就返回新实例return new XMLHpptRe ...
前端接收pdf文件_原生ajax请求获取pdf文件流本地下载（支持谷歌IE）
项目中要实现本地下载pdf文件,ajax请求获取到文件全路径,如上,a标签href属性赋值跳转,在iframe里面,谷歌浏览器被阻止下载.那只能另想办法.经过几天的摸索和后台调整接口数据流,终于解决. ...
javscript之原生ajax请求的封装
目录 ajax系列 2:完美版本的ajax请求 ajax系列 1:formateUrl 格式化url函数作用:就是在ajax发起请求的,需要配置url路径也就是格式化url 所以里面的参数大概有两 ...

原生ajax请求及readyState的几种状态

原生ajax请求及readyState的几种状态相关推荐

最新文章

热门文章