JQuery 权威指南 第二版 第六章在讲Ajax时先讲了 &传统的JavaScript方法实现Ajax功能& 的例子，然后我运行实例，发现并不能得到他说的结果，书中原代码： 传统的JavaScript方法实现Ajax功能 body{font-size:13px} .divFrame{width:260px;border:solid 1px #666} .divFrame .divTitle{padding:5px;background-color:#eee} .divFrame .divContent{padding:8px} .divFrame .divContent .clsShow{font-size:14px} .btn {border:#666 1px solid;padding:2px;width:80px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);} var objXmlHttp = null; //声明一个空的XMLHTTP变量 function CreateXMLHTTP() { //根据浏览器的不同，返回该变量的实体对象 if (window.ActiveXObject) { objXmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else { if (window.XMLHttpRequest) { objXmlHttp = new XMLHttpRequest(); } else { alert("初始化XMLHTTP错误！"); console.log('sss'); } } } function GetSendData() { document.getElementById("divTip").innerHTML = ""; //初始化内容 var strSendUrl = "b.html?date="+Date(); //设置发送地址变量并赋初始值 CreateXMLHTTP(); //实例化XMLHttpRequest对象 objXmlHttp.open("GET", strSendUrl, true); //open方法初始化XMLHttpRequest objXmlHttp.onreadystatechange = function() { //回调事件函数 if (objXmlHttp.readyState == 4) { //如果请求完成加载 if (objXmlHttp.status == 200) { //如果响应已成功 //显示获取的数据 document.getElementById("divTip").innerHTML = objXmlHttp.responseText; } } } objXmlHttp.send(null); //send发送设置的请求 }
b.html 是在同级目录下， 我用的浏览器是 chrome, 然后控制台没有任何错误提示，不过我在 if (objXmlHttp.readyState == 4) 打断点查看 发现objXmlHttp.readyState 是2，objXmlHttp.status是 0，虽然不影响下面的jquery方法的学习，但还是想了解下传统方法这样写哪里有问题？