AJAX问题之XMLHttpRequest status = 0

-------------以下为转载内容。感谢原文博主


其实这篇文章要写的不止是XMLHttpRequest status = 0 这个问题,还有我重新看AJAX遇到的一些问题和自己的反思。


先看整个例子:

[html]   view plain  copy  print ?
  1. <html>  
  2. <head>  
  3. <script type="text/javascript">  
  4.     var xmlhttp;  
  5.     function loadXMLDoc(url) {  
  6.         xmlhttp = null;  
  7.         if (window.XMLHttpRequest) {// code for all new browsers  
  8.             xmlhttp = new XMLHttpRequest();  
  9.         } else if (window.ActiveXObject) {// code for IE5 and IE6  
  10.             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");  
  11.         }  
  12.   
  13.         if (xmlhttp != null) {  
  14.             xmlhttp.onreadystatechange = state_Change;  
  15.             xmlhttp.open("GET", url, true);  
  16.             xmlhttp.send(null);  
  17.         }  
  18.     }  
  19.   
  20.     function state_Change() {  
  21.         if (xmlhttp.readyState == 4) {  
  22.             alert(xmlhttp.status);  
  23.             alert(xmlhttp.responseText);  
  24.             if (xmlhttp.status == 200) {  
  25.                 alert("200");  
  26.             } else {  
  27.                 alert(xmlhttp.status);  
  28.                 alert("Problem retrieving XML data");  
  29.             }  
  30.         }  
  31.     }  
  32. </script>  
  33. <title>Document</title>  
  34. <button onclick="loadXMLDoc('file:///E:/test2.html')">click</button>  
  35. </head>  
  36. <body>  
  37. </body>  
  38. </html>  


1、为什么是xmlhttp.onreadystatechange = state_Change而不是xmlhttp.onreadystatechange = state_Change();

调用函数不是要用()写明的吗?难道它会根据函数名去找函数?问了几个前端的,感觉对这个都是模模糊糊也不懂真正的原因在哪里,最后还是去请教了另外一位师兄。


为的是把整个函数给onreadystatechange,而不是将函数最后处理完的值返回给onreadystatechange。


再来理一遍思路,XMLHttpRequest对象是在我最近在重看xml的教程时看到了,立刻和AJAX联系在一起。

w3c这样描述,它用于后台与服务器交换数据,是开发者的梦想


现在的浏览器直接可以通过new拿到对象,但是IE就不可以了,xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

同时在IE6运行的时候浏览器会提示你设置ActiveX。


onreadystatechange是一个事件句柄,同样功能的还有onclick这些,就是有点击事件的时候会进行特定处理,具体看你的函数怎么写了。而onreadystatechange是由readyState触发,readyState存着XMLHttpRequest的状态,

 0: 请求未初始化
 1: 服务器连接已建立
 2: 请求已接收
 3: 请求处理中
 4: 请求已完成,且响应已就绪

readyState改变,调用onreadystatechange这个函数,注意,是这个函数,那我们是不是要赋值一个函数给他,而不是单纯地返回一个值。


所以,问题解决了。

同时不同于:

[html]   view plain  copy  print ? 在CODE上查看代码片 派生到我的代码片
  1. <button onclick="dodo()">click</button>  
这个是HTML里面的,虽然也是事件句柄,但是格式不同。上面那个是在JS代码里面的。


2、XMLHttpRequest status = 0 问题。

xmlhttp.readyState =4的时候,一直xmlhttp.status != 200。便随手输出,发现xmlhttp.status=0,http协议里可是没这个状态码的。最后翻啊翻啊,找啊找啊,最后找到一个XMLHttpRequest的说明:http://www.w3.org/TR/XMLHttpRequest/ 。

The status attribute must return the result of running these steps:

status的值一定会返回运行这些步骤的结果。


1、If the state is UNSENT or OPENED, return 0.(如果状态是UNSENT或者OPENED,返回0)
2、If the error flag is set, return 0.(如果错误标签被设置,返回0)
3、Return the HTTP status code.(返回HTTP状态码)



如果在HTTP返回之前就出现上面两种情况,就出现0了。

先说两个button,一个是url是:file:///E:/test2.html,另外一个是:http://www.baidu.com。


第一个button的url访问只是本地打开没有通过服务器,自己可以用Wireshark捉包(感谢某位高人指点)。

这里面还有一个问题,就是xmlhttp.readyState一直会变,

1: 服务器连接已建立

2: 请求已接收  

3: 请求处理中  

4: 请求已完成,且响应已就绪。

以这种情况看的话,应该是xmlhttp自己在模拟,因为根本就没通过服务器。本地直接打开而已。OPENED了,所以status为0。


第二个button的url访问虽然是其他域名,抓包是有的,但是,这是跨域访问了,

If the cross-origin request status is network error

    This is a network error.

虽然去访问了,应该是浏览器跨域的返回头没有允许,所以浏览器阻止,Access-Control-Allow-Origin这个属性。


正确的方法是在自己的服务器,访问自己域名内的url。

在tomcat上跑:

[html]   view plain  copy  print ? 在CODE上查看代码片 派生到我的代码片
  1. <button onclick="loadXMLDoc('http://localhost:8080/TestServlet/MyServlet')">click</button> 


原文地址:http://blog.csdn.net/iaiti/article/details/42192659



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值