readyState共有五个状态,分别为01234,但一般我们只关注4这个状态就好。但对于其各个状态的含义可以了解下,具体如下:
0 - (未初始化)还没有调用send()方法
1 - (载入)已调用send()方法,正在发送请求
2 - (载入完成)send()方法执行完成,已经接收到全部响应内容
3 - (交互)正在解析响应内容
4 - (完成)响应内容解析完成,可以在客户端调用了
状态说明:
(0)未初始化
此阶段确认XMLHttpRequest对象是否创建,并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在,否则浏览器会报错--对象不存在。
(1)载入
此阶段对XMLHttpRequest对象进行初始化,即调用open()方法,根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。
(2)载入完成
此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据,并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。
(3)交互
此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式,为在客户端调用作好准备。状态3表示正在解析数据。
(4)完成
此阶段确认全部数据都已经解析为客户端可用的格式,解析已经完成。值为4表示数据解析完毕,可以通过XMLHttpRequest对象的相应属性取得数据。
分享到:
相关推荐
JavaScript 和 AJAX 是 web 开发中的两个重要概念,广泛应用于创建交互性强、动态更新的网页。这份"Learn_JavaScript_and_Ajax_with_w3Schools.zip"压缩包包含了一个电子书和一个文本文件,旨在帮助学习者掌握这两种...
Ajax-jquery-ajaxreadystate.zip,jquery ajaxreadystate插件,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不重新加载网页...
在JavaScript中,创建一个Ajax请求通常涉及到创建一个XMLHttpRequest对象。以下是一个基本的示例: ```javascript function GetXmlHttpObject() { var xmlHttp; try { // 支持非IE浏览器 xmlHttp = new ...
5. **监听状态变化**:使用`onreadystatechange`事件,当XMLHttpRequest对象的`readyState`属性发生变化时,该事件会被触发。我们通常关注`readyState`为4(表示请求已完成)且`status`为200(表示成功)的情况。 6...
在纯JavaScript中实现Ajax,主要涉及以下几个关键步骤: 1. **创建XMLHttpRequest对象**:这是Ajax的基础,所有Ajax请求都是通过这个对象来完成的。几乎所有的现代浏览器都内置了XMLHttpRequest对象,我们可以通过`...
以下是关于AJAX `readyState`五种状态的详细解释: 1. **未初始化 (0)**: 这是`XMLHttpRequest`对象创建后的初始状态。在这个状态下,`open()`方法尚未被调用,请求还未开始。此时,开发者通常会设置请求的URL、...
"【AJAX】传统JavaScript实现AJAX的小栗子" 这个标题表明我们将探讨的是使用原生JavaScript实现AJAX(Asynchronous JavaScript and XML)的技术。AJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术...
在这个"javascript+Ajax实现词频统计"的项目中,我们将探讨如何利用这两种技术来创建一个实时更新的词频统计应用。 首先,JavaScript 是一种广泛使用的客户端脚本语言,它允许在用户浏览器上运行代码,为网页增加...
JavaScript中的Ajax技术是一种在无需刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。它使得网页可以更加动态和交互,提升了用户体验。Ajax全称为"Asynchronous JavaScript and XML",虽然名称中包含XML...
JavaScript AJAX(Asynchronous JavaScript and XML)技术是一种在不刷新整个页面的情况下与服务器交换数据并更新部分网页的技术。它使得Web应用程序能够更加动态和响应式,提高用户体验。在本篇文章中,我们将深入...
"ajax_init_javascript_ajax_"这个标题暗示我们将讨论一个用JavaScript原生方法封装的Ajax函数,这对于高效地构建动态交互的网站至关重要。通过这个封装,开发者可以更方便地调用Ajax请求,处理服务器返回的数据,...
readyState有5个状态,其中4表示请求已完成且响应已就绪。 6. 处理响应:通过XMLHttpRequest对象的responseText或responseXML属性获取服务器返回的数据。如果是JSON格式,通常需要使用JSON.parse()方法将其转换为...
**Ajax(Asynchronous JavaScript and XML)**是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这一技术的核心在于JavaScript,它允许...
状态值分为五个阶段,每个阶段都有其特定的数值: 1. `readyState = 0`: 请求未初始化。XMLHttpRequest对象已经创建,但尚未调用`open()`方法。 2. `readyState = 1`: 服务器连接已建立。`open()`方法已经被调用,...
以下是一个简单的使用纯JavaScript和AJAX实现加载指示器的步骤: 1. **HTML结构**:在HTML文件中,创建一个用于显示GIF动图的元素,如`<div>`或`<img>`,并将其初始样式设置为隐藏。 ```html ;"> ``` 2. **...
然后,我们可以编写一个JavaScript函数,通过AJAX向服务器发送一个GET请求,请求中可能包含一个特定的URL,该URL负责生成验证码。例如: ```javascript function getVerificationCode() { var xhr = new ...
1. **创建 XMLHttpRequest 对象**:这是AJAX的基础,JavaScript通过创建这个对象来发送和接收数据。 2. **打开连接**:使用`open()`方法设置请求类型(GET或POST)、URL以及是否异步执行。 3. **发送请求**:使用`...
4. **监听状态变化**:使用`onreadystatechange`事件,当请求状态改变时,检查`readyState`属性,如果为4(表示请求已完成),再检查`status`属性,确认请求成功(通常是200)。 5. **处理响应**:通过`responseText...
### JavaScript封装Ajax详解 随着互联网技术的不断发展,Ajax(Asynchronous JavaScript and XML)技术因其能够实现网页局部刷新、提升用户体验等特性,在Web开发领域占据着举足轻重的地位。本文将从零开始介绍如何...