一、原生JS实现ajax 第一步获得XMLHttpRequest对象 第二步:设置状态监听函数 第三步:open一个连接,true是异步请求 第四部:send一个请求,可以发送一个对象和字符串,不需要传递数据发送null 第五步:在监听函数中,判断readyState=4&&status=200表示 ...
分类:
Web程序 时间:
2017-12-14 03:40:26
阅读次数:
189
众所周知,在项目中如果在资源加载请求还未完成的时候,由于阻塞机制,会出现首页白屏的问题,产生很差的用户体验。本文以react为例,提供一个解决方法。 解决原理:使用 onreadystatechange 去监听 readyState,在资源加载完成之前加载一个只有框架的静态页面,页面不请求数据。当数 ...
分类:
其他好文 时间:
2017-12-06 19:43:30
阅读次数:
1943
document.readyState:判断文档是否加载完成。firefox不支持。 这个属性是只读的,传回值有以下的可能: 0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。1-LOADING:加载程序进行中,但文件尚未开始解析。2-LOADED:部分的文件已经加载且进行解 ...
分类:
其他好文 时间:
2017-12-04 17:37:56
阅读次数:
182
xmlhttp.readyState的值及解释: 0:请求未初始化(还没有调用 open())。 1:请求已经建立,但是还没有发送(还没有调用 send())。 2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。 3:请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的 ...
分类:
Web程序 时间:
2017-11-27 15:13:42
阅读次数:
186
1- AJAX状态值与状态码区别AJAX状态值是指,运行AJAX所经历过的几种状态,无论访问是否成功都将响应的步骤,可以理解成为AJAX运行步骤。如:正在发送,正在响应等,由AJAX对象与服务器交互时所得;使用“ajax.readyState”获得。(由数字1~4单位数字组成)AJAX状态码是指,无 ...
分类:
Web程序 时间:
2017-11-20 15:10:56
阅读次数:
157
ajax的五种状态(readyState ) 0 - (未初始化)还没有调用send()方法 1 - (载入)已调用send()方法,正在发送请求 2 - (载入完成)send()方法执行完成,已经接收到全部响应内容 3 - (交互)正在解析响应内容 4 - (完成)响应内容解析完成,可以在客户端调 ...
分类:
Web程序 时间:
2017-11-18 20:04:34
阅读次数:
192
一、原生JS实现ajax 第一步获得XMLHttpRequest对象 第二步:设置状态监听函数 第三步:open一个连接,true是异步请求 第四部:send一个请求,可以发送一个对象和字符串,不需要传递数据发送null 第五步:在监听函数中,判断readyState=4&&status=200表示 ...
分类:
Web程序 时间:
2017-11-12 23:06:00
阅读次数:
315
AJAX 状态值(readyState)与状态码(status)详解 AJAX 状态值(readyState)与状态码(status)详解 AJAX 状态值(readyState)与状态码(status)详解 1- AJAX状态值与状态码区别AJAX状态值是指,运行AJAX所经历过的几种状态,无论访 ...
分类:
Web程序 时间:
2017-11-09 11:22:55
阅读次数:
144
前 言 这篇文章将给大家详细介绍一下,与JQuery对照用原生的js怎么去实现Ajax。 1获得XMLHttpRequest对象 2设置状态监听函数 ajax readyState的五种状态值详解 0 - (未初始化)还没有调用send()方法 1 - (载入)已调用send()方法,正在发送请求 ...
分类:
Web程序 时间:
2017-11-05 17:25:17
阅读次数:
283
一、AJAX简介(本文的例子都使用的是原生的ajax) 老技术新用法二、异步和同步区别三、XMLHttpRequest对象(面试题) 属性: readyState: 0:未初始化 1:open方法已经调用了 2:send方法已经调用了 3:接收到了响应消息头,但没有接收到正文 4:接收到了响应正文。 ...
分类:
Web程序 时间:
2017-10-30 19:43:51
阅读次数:
225