XMLHttpRequest status = 0

最新推荐文章于 2023-01-22 16:42:52 发布

qq_27281201

最新推荐文章于 2023-01-22 16:42:52 发布

阅读量671

点赞数

分类专栏： xhr

xhr 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<html>  
<head>  
<script type="text/javascript">  
    var xmlhttp;  
    function loadXMLDoc(url) {  
        xmlhttp = null;  
        if (window.XMLHttpRequest) {// code for all new browsers  
            xmlhttp = new XMLHttpRequest();  
        } else if (window.ActiveXObject) {// code for IE5 and IE6  
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");  
        }  

        if (xmlhttp != null) {  
            xmlhttp.onreadystatechange = state_Change;  
            xmlhttp.open("GET", url, true);  
            xmlhttp.send(null);  
        }  
    }  

    function state_Change() {  
        if (xmlhttp.readyState == 4) {  
            alert(xmlhttp.status);  
            alert(xmlhttp.responseText);  
            if (xmlhttp.status == 200) {  
                alert("200");  
            } else {  
                alert(xmlhttp.status);  
                alert("Problem retrieving XML data");  
            }  
        }  
    }  
</script>  
<title>Document</title>  
<button onclick="loadXMLDoc('file:///E:/test2.html')">click</button>  
</head>  
<body>  
</body>  
</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上查看代码片派生到我的代码片
click
这个是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