readyState有五种可能的值:
0 (未初始化): (XMLHttpRequest)对象已经创建,但还没有调用open()方法。
1 (载入):已经调用open() 方法,但尚未发送请求。
2 (载入完成): 请求已经发送完成。
3 (交互):可以接收到部分响应数据。
4 (完成):已经接收到了全部数据,并且连接已经关闭。
readyState 状态 状态说明
(0)未初始化
此阶段确认XMLHttpRequest对象是否创建,并为调用open()方法进行未初始化作好准备。值为0表示对象已经存在,否则浏览器会报错--对象不存在。
(1)载入
此阶段对XMLHttpRequest对象进行初始化,即调用open()方法,根据参数(method,url,true)完成对象状态的设置。并调用send()方法开始向服务端发送请求。值为1表示正在向服务端发送请求。
(2)载入完成
此阶段接收服务器端的响应数据。但获得的还只是服务端响应的原始数据,并不能直接在客户端使用。值为2表示已经接收完全部响应数据。并为下一阶段对数据解析作好准备。
(3)交互
此阶段解析接收到的服务器端响应数据。即根据服务器端响应头部返回的MIME类型把数据转换成能通过responseBody、responseText或responseXML属性存取的格式,为在客户端调用作好准备。状态3表示正在解析数据。
(4)完成
此阶段确认全部数据都已经解析为客户端可用的格式,解析已经完成。值为4表示数据解析完毕,可以通过XMLHttpRequest对象的相应属性取得数据。
概而括之,整个XMLHttpRequest对象的生命周期应该包含如下阶段:
创建-初始化请求-发送请求-接收数据-解析数据-完成
分享到:
相关推荐
简单的ajax提交 后台 <?php switch($_POST['name']) { case 1: echo '1 haha'; break; case 2: echo '2 hehe'; break; case 3: echo '3 huohuo'; break; case 4: echo '4 你妹啊'; break; } ?&...
Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。这种技术的核心是JavaScript,利用...
为了解决$.ajax()方法无法返回值的问题,可以采取以下两种方法: 1. 将AJAX请求设置为同步(async:false):这可以通过在$.ajax()调用中添加一个选项async:false来实现。这样做后,AJAX请求将同步执行,即在AJAX...
具体做的是个文件导入的功能,导入的功能是成功了,但是界面一直得不到返回值,排查了一下午,调试的时候是可以有返回的,但是关掉浏览器调试界面,却得不到返回结果。 原因: 一直以为是我后台程序有问题,晚上回到...
AJAx发送请求,获取返回值,判断处理返回结果
本文将详细讲解如何使用JavaScript和jQuery库来发起AJAX请求,获取后台接口数据,并根据返回值进行处理。 知识点一:AJAX的基本概念 AJAX(Asynchronous JavaScript and XML)是异步JavaScript和XML的简称。它不是...
Ajax技术是Web开发中的一种重要技术,它使得...因此,掌握Ajax返回值类型的知识点,对提高前端开发效率和页面性能有着重要的意义。在开发过程中,合理地利用这些知识点,可以使页面与服务器之间的交互更加高效和流畅。
javascript发送ajax请求,获取返回值res,async 同步/异步 var res = sendRequest({ url : "1.php", //necessary method : "post", params : { param1 : "123", param2 : "234" }, async : false });
/* 请求Ajax 带返回值,并弹出提示框提醒 --------------------------------------------------*/ function getAjax(url,parm,callBack) { $.ajax({ type:'post', dataType:"text", url:url, data:parm, ca
后来发现所有alert出来的返回值前面都会加若干换行和空格。(至今不明白,同一台电脑,同样的环境,为什么出现这样的问题) 后来在网上发现也有人遇到了相同的问题。无论是jquery $.ajax $.get $.post 在或者是...
Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在实际应用中,Ajax常用于提升用户体验,实现页面的无刷新交互。本篇将深入探讨Ajax异步提交数据时遇到的...
代码如下: [removed] /* 请求Ajax 带返回值,并弹出提示框提醒 ————————————————–*/ function getAjax(url, parm, callBack) { $.ajax({ type: ‘post’, dataType: “text”, url: url, data: ...
本篇文章将重点介绍使用jQuery库中的ajax方法获取服务器响应内容的方法,以及一些常见问题和解决方案。 首先,了解jQuery的ajax方法是掌握本知识点的前提。jQuery是一个快速、小巧、功能丰富的JavaScript库,它简化...
在JavaScript库jQuery中,AJAX(异步JavaScript和XML)技术被广泛用于在不刷新整个网页的情况下与服务器进行数据交互。尽管XML最初是AJAX的一部分,但如今它更常涉及JSON或其他文本格式。jQuery提供了简单易用的API...
CakePHP框架中实现Ajax传值是通过AJAX (Asynchronous JavaScript and XML) 技术与后端的CakePHP控制器进行数据交换的一种方式。通常在Web开发中,Ajax用于创建更为动态和响应快速的用户界面。当用户与页面上的元素...
下面将详细介绍如何利用AJAX控制文件上传进度并生成进度条。 首先,AJAX的核心在于异步通信,它允许我们在不刷新整个页面的情况下与服务器进行数据交换。在文件上传场景中,我们可以通过XMLHttpRequest对象发送POST...
在Web开发领域,Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许网页部分更新而无需整体刷新页面。在本场景中,标题"Ajax请求验证用户名问题"指的是使用Ajax来实现用户输入用户名时实时检查...