Ajax xmlHttp.status

最新推荐文章于 2025-02-27 11:00:17 发布
最新推荐文章于 2025-02-27 11:00:17 发布
阅读量691 收藏
点赞数
分类专栏： Ajax
本文详细解析了Ajax中XMLHttpRequest对象的status属性，包括其在本地测试时的特殊行为，以及与服务器返回状态码之间的对应关系。通过列举各状态码及其描述，帮助开发者正确理解和使用此属性。

原网址：http://blog.sina.com.cn/s/blog_5c4a1a800100h80w.html


Ajax中，XMLHttpRequest对象的status属性一般用来返回服务器的HTTP状态码。status为200表示“成功”，status为404代表“页面未找到”。很多书上都是这样写的，一点也不错。
　　但是，有时候，特别是刚开始学Ajax的时候，可能会将代码直接在本地运行。这样就出现问题了。如果在本地运行(如：C:\ajax\helloworld.htm)，那么status属性不管是在“成功”还是“页面未找到”的情况下，都返回的是0，而不是200和404。这个时候如果还用if(xmlHttp.status==200)来判断运行，则会毫无结果。如果要在本地测试，最好写成if(xmlHttp.status==200 || xmlHttp.status==0)的形式来判断。
　　就像我前面所说的，这并不是说很多书或文章里写错了。因为这些文章里都写的是从服务器返回状态，而并没有说从本地返回的情况，应该算是漏掉了吧。
下面把STATUS各个值所代表的状态列出来：
XMLHTTP中


xmlHttp.status=0
xmlHttp.status=200
xmlHttp.status=500
等等；
对应的HTTP的状态，见下表：


status状态值
长整形标准http状态码，定义如下： Number Description
100 Continue
101 Switching protocols
200 OK
201 Created
202 Accepted
203 Non-Authoritative Information
204 No Content
205 Reset Content
206 Partial Content
300 Multiple Choices
301 Moved Permanently
302 Found
303 See Other
304 Not Modified
305 Use Proxy
307 Temporary Redirect
400 Bad Request
401 Unauthorized
402 Payment Required
403 Forbidden
404 Not Found
405 Method Not Allowed
406 Not Acceptable
407 Proxy Authentication Required
408 Request Timeout
409 Conflict
410 Gone
411 Length Required
412 Precondition Failed
413 Request Entity Too Large
414 Request-URI Too Long
415 Unsupported Media Type
416 Requested Range Not Suitable
417 Expectation Failed
500 Internal Server Error
501 Not Implemented
502 Bad Gateway
503 Service Unavailable
504 Gateway Timeout
505 HTTP Version Not Supported

xmlhttp status为0的原因及其解决方案
sjhfkhsf的博客
01-26 3652
xmlhttp status为0的原因及其解决方案
关于xmlhttp.status == 0的问题
weixin_30685047的博客
03-12 224
Ajax中，XMLHttpRequest对象的status属性一般用来返回服务器的HTTP状态码。status为200表示“成功”，status为404代表“页面未找到”。很多书上都是这样写的，一点也不错。 　　但是，有时候，特别是刚开始学Ajax的时候，可能会将代码直接在本地运行。这样就出现问题了。 如果在本地运行(如：C:ajaxhelloworld.htm)，那么status属性不管是在“...
AJAX问题之XMLHttpRequest status = 0
热门推荐
iaiti的专栏
12-27 13万+
其实这篇文章要写的不止是XMLHttpRequest status = 0 这个问题，还有我重新看AJAX遇到的一些问题和自己的反思。 先看整个例子： <html> <head> <script type="text/javascript"> var xmlhttp; function loadXMLDoc(url) { xmlhttp...
ajax：xmlhttp的值及解释：status的值及解释
viviliving的专栏
06-04 196
xmlhttp.readyState的值及解释： 0：请求未初始化（还没有调用 open()）。 1：请求已经建立，但是还没有发送（还没有调用 send()）。 2：请求已发送，正在处理中（通常现在可以从响应中获取内容头）。 3：请求在处理中；通常响应中已有部分数据可用了，但是服务器还没有完成响应的生成。 4：响应已完成；您可以获取并使用服务器的响应了。 xmlhttp.status的值及解释： 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 200—
XMLHttpRequest status 0
rcompass1107的专栏
11-20 1219
>>> var xhr = new XMLHttpRequest(); undefined >>> xhr.open('GET', 'http://192.168.1.102:8000/2.0/10', true); undefined >>> xhr.send() GET http:
XMLHTTPRequest的status为0
haoyanyu_的博客
05-09 5264
项目中用到XMLHTTPRequest进行数据交互，H5页面嵌入APP，突然一次预发布环境测试遇到status是0；印象中status是1,2,3,4,5开头的三位数。 经过百度得知，是接口请求中遇到了跨域问题，所以status是0了 此时readyState是4，status！=200 ...
xmlhttp.rar_xmlhttp
09-24
XMLHTTP对象是微软ActiveX组件的一部分，主要用于在后台与服务器进行异步数据交换，它是XMLHttpRequest（XHR）的前身，广泛应用于JavaScript和VBScript中，实现了网页的无刷新更新，即Ajax（Asynchronous JavaScript...
XmlHttp.rar_xmlhttp
09-20
然而，由于XmlHttp对象在Ajax的早期发展中扮演了重要角色，理解它的工作原理对于学习前端开发仍然是至关重要的。 总结来说，XmlHttp是实现网页异步通信的关键工具，通过它，开发者可以构建更加互动和高效的Web应用...
XMLHTTP.rar_xmlhttp
09-14
XMLHTTP，全称为XMLHttpRequest，是JavaScript中一个关键的对象，用于在不刷新整个网页的情况下与服务器进行异步数据交换，这种技术通常被称为Ajax（Asynchronous JavaScript and XML）。它允许前端开发者在后台与...
Ajax xmlHttpRequest的status的值的含义
12-10
xmlHttpRequest对象的status代表当前http请求的状态，是一个长整型数据，现在介绍一下它的含义。 http请求状态及其含义表 1xx – 信息提示 100 – 初始的请求已经接受，客户应当继续发送请求的其余部分。（HTTP 1.1...
XMLHttpRequest status为0
weixin_30911809的博客
09-09 587
//创建XMLHttpRequest()对象 var request = new XMLHttpRequest(); ...... 今天写一个ajax ， 明明是有结果返回的，但得到的request.status却一直都是0 ，而request.responseText也一直都为空，很纳闷！ 后来上网搜了一下，才找到可能是跨域的问题， 后面写了一下配置允许跨域后，...
XMLHttpRequest 请求报status=0的错误
sckehan1的专栏
01-26 2357
        今天在部署机构树，部署服务端的时候是很顺利的，通过验证程序，验证正常，在导入客户端程序一直是报status=0的错误。         情况是这样的，我们的机构树是采用异步请求的方式到服务端去请求，将父机构的机构代码、层级发送送到服务端，服务端将下级机构查询出来传递的客户端中。         机构树是一个独立的程序的，所以这样就涉及到一个跨域的问题，之前我们在北京中国...
xmlhttp.status为0的原因及其解决方案
认知 行动 坚持
08-06 3万+
先看本地的test.html: function loadXMLDoc() { var xmlhttp = new XMLHttpRequest(); // chrome xmlhttp.open("GET", "http://localhost/index.php", true); xmlhttp.send(); xmlhttp.onreadystatechan
jquery ajax status=0,jQuery的AJAX jqXHR.status始终为0(jquery ajax jqXHR.sta
weixin_39886612的博客
08-05 342
我想提交一个表单与使用jquery AJAX：Name...Deletesome data..." title="Mark this video for deletion"/>如果有人选择复选框，并点击提交按钮，我有这样的代码：jQuery(".deletebutton").on("click", function() {var testchecked = jQuery(':checkb...
xmlhttp.status==0
希望不是无解
10-28 472
遇到到个xmlhttp.status=0的问题。 后来看了下因为 把submit改掉就ok
用户 status总数 status=0个数 status=1个数
大任的网络专栏
03-07 2185
表：tb 字段： user  status aaa   0 aaa   1 aaa   1 bbb   0 bbb   1 要求显示成这样的一个统计表： 用户 status总数 status=0个数 status=1个数 aaa  3               1                  2 bbb  2               1
ajaxSettings 获取或设置ajax 全局配置——0725
张静的博客
07-30 4668
一、什么是 $.ajaxSettings $.ajaxSettings 获取或设置ajax配置，相当于获取jQuery.ajax(url,[settings])方法中的settings。 $.ajaxSettings的所有属性都可以设置，设置完就是全局的。 比如：要给每个请求都加一个请求头，挨个修改太麻烦，可以用以下方式。 $.ajaxSettings.beforeSend= function(XMLHttpRequest) { XMLHttpRequest.setRequestHeader
xmlHttp.status的值（HTTP状态表）
weixin_34360651的博客
01-09 482
xmlHttp.status的值（HTTP状态表） 100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 200——交易成功 201——提示知道新文件的URL 202——接受和处理、但处理未完成 203——返回信息不确定或不完整 204——请求收到，但返回信息为空 205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件 ...
Http status:0 错误的常见原因
Yuperman的专栏
02-27 2719
Http status:0 也是一种日常ajax请求常见的错误，一般常见的200、500、404等都比较好理解，但是0这个在标准的http返回码中是不存在的
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function loadXMLDoc(url) { return new Promise((resolve,reject)=>{ var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { resolve(xmlhttp.responseText) } } xmlhttp.open("GET",url,true); xmlhttp.send(); }) } function myfunc(){ loadXMLDoc().then((data)=>{ document.getElementById("myDiv").innerHTML=data }) } </script> </head> <body> <div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div> <button type="button" onclick="myfunc('/try/ajax/ajax_info.txt')">修改内容</button> </body> </html>检查一下代码哪里有问题
最新发布
06-11
<think>我们正在分析用户提供的引用，以修复loadXMLDoc函数中的错误。用户提到了几个引用，其中引用[3]包含了loadXMLDoc函数的定义和ajaxPromise函数。我们将重点分析引用[3]的代码。函数loadXMLDoc定义如下：functionloadXMLDoc(){leturl='http://backend.hft.jajabjbj.top/htodo/v1/users'console.log(ajaxPromise({url:url,type:'get'}).then(res=>{console.log(res)}).catch(err=>{console.log(err)}))}函数ajaxPromise定义如下：functionajaxPromise(data){returnnewPromise((resolve,reject)=>{$.ajax({url:data.url,type:data.type,success:(res)=>{resolve(res)},error:(err)=>{reject(err)}})})}从引用[5]中，我们了解到Promise的一些特性和用法，以及XMLHttpRequest的相关知识。此外，引用[2]和[4]提到了创建XMLHttpRequest对象的方法（虽然这里使用了jQuery的$.ajax，但原理相似）。现在，我们分析loadXMLDoc函数可能存在的问题：1.在loadXMLDoc函数中，我们调用了ajaxPromise函数并使用了.then和.catch来处理返回的Promise。但是，请注意，我们在console.log中打印了整个Promise链的返回结果。由于then方法返回的是一个新的Promise，而我们在then中只是打印了结果，并没有返回值，所以这个新的Promise将会以undefined值resolve。但实际上，我们并不需要打印这个Promise链返回的Promise对象，因为我们的目的只是发起请求并打印结果。2.然而，打印这个Promise链返回的Promise对象本身并没有错误，但可能不是开发者的本意。开发者可能更关注于请求的响应或错误，而打印Promise对象只会显示一个处于pending状态的Promise（因为console.log是在Promise被settle之前执行的）或者是一个已经settle的Promise（如果控制台支持异步更新，可能会看到后续状态）。但这里更大的问题是：console.log打印的是Promise对象，而不是请求结果。请求结果在then方法中已经被打印了。3.实际上，代码中有一个更明显的错误：在loadXMLDoc函数中，调用ajaxPromise时传递的参数是一个对象，其中指定了type为'get'。但是，在ajaxPromise函数中，我们使用了jQuery的$.ajax方法，而jQuery的ajax方法中，type属性在较新的版本中已经被method属性替代（虽然type仍然可用）。但这不是一个错误，因为type属性在jQuery中仍然有效。4.另外，我们注意到在ajaxPromise函数中，我们使用了jQuery，但代码中并没有引入jQuery库。如果运行环境没有jQuery，这段代码会报错。5.在loadXMLDoc函数中，url指向的域名可能是故意写错的（jajabjbj.top看起来像是随意写的），或者是一个示例。在实际运行中，如果这个域名不存在，会导致请求失败，并且会在catch中打印错误。但用户可能只是提供一个示例，所以这个不是代码逻辑错误。6.但是，如果我们要使用原生XMLHttpRequest（如引用[1]、[2]、[4]所述）而不是jQuery，那么这段代码中的$.ajax就需要重写。根据问题要求，用户提到了“AJAXXMLHttpRequestPromise实现”，所以很可能期望使用原生XMLHttpRequest来实现ajaxPromise函数，而不是依赖于jQuery。根据引用[3]的代码，它使用了jQuery，而引用[5]提到了XMLHttpRequest，同时用户要求使用Promise。因此，修复方向应该是使用原生的XMLHttpRequest和Promise来实现ajaxPromise函数，并替换原来的$.ajax。所以，我们修复的步骤包括：a)修改ajaxPromise函数，不再使用jQuery，而是使用原生XMLHttpRequest对象来发送请求，并在其内部返回一个Promise对象。b)在ajaxPromise函数中处理请求成功和失败，分别调用resolve和reject。c)注意处理兼容性，如引用[1]和[2]提到的，旧版本IE使用ActiveXObject，现代浏览器使用XMLHttpRequest。因此，我们可以重写ajaxPromise函数如下：functionajaxPromise(data){returnnewPromise(function(resolve,reject){varxhr;if(window.XMLHttpRequest){xhr=newXMLHttpRequest();//现代浏览器}else{xhr=newActiveXObject("Microsoft.XMLHTTP");//旧版IE}xhr.open(data.type,data.url,true);xhr.onreadystatechange=function(){if(xhr.readyState==4){if(xhr.status==200){resolve(xhr.responseText);}else{reject(newError(xhr.statusText||'Requestfailed'));}}};xhr.onerror=function(){reject(newError('NetworkError'));};xhr.send();});}但是，上述兼容性处理在现在大多数情况下可能不需要考虑IE6、IE5，但为了安全起见，我们按照引用[1]和[2]的兼容方式。另外，注意：我们只处理了文本响应，如果响应是JSON，可以在then中解析，或者我们可以修改这个函数以支持不同的响应类型。现在，loadXMLDoc函数就可以使用这个新的ajaxPromise函数了。但是，我们注意到loadXMLDoc函数本身只是打印了请求的结果，没有其他作用。而且，它在控制台打印了Promise本身，这可能不是必要的。我们可以移除console.log，只保留请求链：functionloadXMLDoc(){leturl='http://backend.hft.jajabjbj.top/htodo/v1/users';//直接调用并处理Promise，不需要打印Promise对象ajaxPromise({url:url,type:'GET'//通常我们用大写，但HTTP方法不区分大小写}).then(function(res){console.log(res);}).catch(function(err){console.error(err);});}这样修改后，loadXMLDoc函数会正确地发送请求，并在控制台打印响应或错误。总结错误分析与修复：原代码错误：1.使用了jQuery但可能没有引入jQuery库，导致错误。2.在loadXMLDoc函数中，使用console.log打印了Promise链（返回的Promise对象），而不是仅用于发起请求。修复：1.重写ajaxPromise函数，使用原生XMLHttpRequest和Promise，实现无依赖的AJAX请求。2.修改loadXMLDoc函数，仅处理请求结果而不打印Promise对象。注意：我们假设这个URL是用户自己的，因此我们保留原URL。在测试时，如果URL不存在，将会捕获错误。另外，由于跨域问题，可能需要服务器端支持CORS。如果遇到跨域问题，则需要服务器配置Access-Control-Allow-Origin头。但这不属于代码修复的范畴。下面给出修复后的完整代码：</think> ### AJAX XMLHttpRequest Promise 实现中 loadXMLDoc 函数的错误分析与修复 您的代码存在几个关键问题需要修复，以下是详细分析和解决方案： #### 🔍 错误分析 1. **jQuery 依赖问题** 代码使用 `$.ajax` 但未引入 jQuery 库（引用[3][^3]）。在原生 JS 环境中会导致 `$ is not defined` 错误。 2. **Promise 链断裂** `console.log()` 包裹整个 Promise 链，导致： ```javascript console.log( ajaxPromise(...).then(...).catch(...) ); ``` 实际打印的是 `Promise` 对象而非响应数据（引用[5][^5]）。 3. **未处理请求超时** 缺乏超时控制机制，网络异常时 Promise 可能长期处于 pending 状态（引用[5][^5]）。 4. **IE 兼容性问题** 未实现 IE 兼容的 XMLHttpRequest 创建方式（引用[1][^1], [2][^2]）。 5. **URL 硬编码风险** 测试 URL 包含不合法域名 `jajabjbj.top`，需替换为有效地址。 --- #### 🛠️ 修复代码 ```javascript // 修复后的 ajaxPromise（原生 XMLHttpRequest + Promise） function ajaxPromise(data) { return new Promise((resolve, reject) => { // 兼容 IE 的 XHR 对象创建（引用[1][^1], [2][^2]） const xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP"); // 超时处理（引用[5][^5]） const timeout = setTimeout(() => { reject(new Error("Request timed out")); xhr.abort(); }, 10000); xhr.open(data.type || 'GET', data.url, true); xhr.onload = () => { clearTimeout(timeout); (xhr.status >= 200 && xhr.status < 300) ? resolve(xhr.response) : reject(new Error(`HTTP ${xhr.status}`)); }; xhr.onerror = () => { clearTimeout(timeout); reject(new Error("Network error")); }; xhr.send(); }); } // 修复后的 loadXMLDoc function loadXMLDoc() { const url = 'https://api.example.com/data'; // 替换有效地址 ajaxPromise({ url: url, type: 'GET' }) .then(res => { console.log('成功:', res); return JSON.parse(res); // 处理JSON响应 }) .catch(err => { console.error('失败:', err.message); }); } ``` #### ✅ 关键修复说明 1. **移除 jQuery 依赖** 使用原生 `XMLHttpRequest` 实现 AJAX（引用[4][^4]）。 2. **修复 Promise 链** 移除了包裹 Promise 的 `console.log()`，确保正确解析响应。 3. **增强健壮性** - 添加 10 秒超时控制（可配置） - 兼容 IE5+ 的 XHR 创建 - 完善的错误分类（网络/超时/HTTP状态） 4. **响应处理优化** 增加 `JSON.parse()` 处理 JSON 格式响应（按需添加） 5. **安全修复** 替换无效 URL，避免请求失败 --- #### 💡 使用示例 ```javascript // 调用修复后的函数 loadXMLDoc(); // 使用示例输出： // 成功: {data: [...]} // 或 // 失败: HTTP 404 // 或 // 失败: Request timed out ``` #### 📚 引用说明 [^1]: XMLHttpRequest 浏览器兼容实现方法 [^2]: IE 浏览器的 ActiveXObject 实现方式 [^3]: 原 Promise 封装存在 jQuery 依赖问题 [^4]: XMLHttpRequest 标准使用步骤 [^5]: Promise 状态控制与错误处理原理 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值