XMLHttpRequest 状态 4 但 responseText 为空答案

【问题标题】：XMLHttpRequest status 4 but responseText is emptyXMLHttpRequest 状态 4 但 responseText 为空
【发布时间】：2013-11-25 16:49:29
【问题描述】：

我正在尝试编写类似 javaScript 插件的谷歌广告。我不能使用 jQuery ajax，因为它应该适用于所有站点。这是我的 JavaScript 代码。

var ajaxRequest;  // The variable that makes Ajax possible!

try{
    // Opera 8.0+, Firefox, Safari
    ajaxRequest = new XMLHttpRequest();
} catch (e){
    // Internet Explorer Browsers
    try{
        ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try{
            ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e){
            // Something went wrong
            alert("Your browser broke!");
            return false;
        }
    }
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
    if(ajaxRequest.readyState == 4){
        alert( ajaxRequest.responseText);
        console.log('xhr',ajaxRequest)
    } else {
        //alert(ajaxRequest.readyState);
        //alert(ajaxRequest.responseText);
    }
}
    var project_path = "http://www.domainname.com/"; //for stackoverflow, using right path in live code.
var req_url = project_path + "ads/verifypublisher/";
ajaxRequest.open("GET", req_url, true);
ajaxRequest.send(null);

这是我的 PHP 文件的样子，

echo("<b>hi:</b> ");
exit();

是的，这就是我所拥有的一切。仍然 responseText 是空的。我在这里错过了什么？

【问题讨论】：

不能用jQuery，应该是纯JS。这是要求。

标签： php javascript xmlhttprequest

【解决方案1】：

alert(req_url) 应该显示错误的 url "http://www.domainname.comads/verifypublisher/"

【讨论】：

URL 很好，如果我在浏览器中打开它，它也会向我显示响应。这是有问题的输入错误。我会纠正它。谢谢。
您可能是在进行跨站点请求吗？即，来自域 A 的脚本向域 B 发出请求。
不，不是那种情况。该代码位于同一台服务器上，并使用同一域进行访问。
你的代码是正确的，服务器端的问题。检查此请求的萤火虫响应
所以你的后端有问题。

【解决方案2】：

在对响应进行任何操作之前，最好确保状态码为 200。这样您就可以更早地发现问题。

【讨论】：

那么问题一定出在你的php代码上。您的 php 代码是否与您在问题中提出的方式完全相同？

【解决方案3】：

在我的测试中试试这个，它适用于大多数浏览器

var responseText=function(e,doing){
                     if (e.readyState== 4) {
                           if(doing)doing(e);
                           return(e.responseText);              
                     };
                     if (e.readyState == 200) { 
                           if(doing)doing(e);               
                           return(e.responseText);

                     };
                     return false;                   
};
function  loadXMLPostDocf(url,method,posData,uploadProgress,uploadComplete,uploadFailed,uploadCanceled,statechange,CallBackOnSend) {
   var arrSignatures = ["MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0","MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
// branch for native XMLHttpRequest object
if (window.XMLHttpRequest && checkVersion()) {
    pos = new XMLHttpRequest(); 
    pos.open(method, url, true);
    //pos.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    if(statechange!=''){pos.onreadystatechange = statechange;};
    try{
      if(uploadProgress!='')if(pos.upload){
          pos.upload.addEventListener("progress", uploadProgress, true);
      }else{
          pos.addEventListener("progress", uploadProgress, true);
      }
      if(uploadComplete!='')pos.addEventListener("load", uploadComplete, false);
      if(uploadFailed!='')pos.addEventListener("error", uploadFailed, false);
      if(uploadCanceled!='')pos.addEventListener("abort", uploadCanceled, false);
    }catch(e){

    }

    pos.send(posData);
    if(CallBackOnSend)CallBackOnSend(pos);
    //console.log(pos.abort());
// branch for IE/Windows ActiveX version
} else if (window.ActiveXObject) {  
         for (var i=0; i < arrSignatures.length; i++) {
                    try {
                        pos = new ActiveXObject(arrSignatures[i]);

                    } catch (oError) {
                        //ignore
                    };
          };
    if (pos) {
        pos.open(method, url, false);
        //pos.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        if(!statechange){pos.onreadystatechange = statechange;};
        if(!uploadComplete){pos.onreadystatechange = uploadComplete;};
       // if(uploadProgress!='')pos.upload.addEventListener("progress", uploadProgress, true);
        //if(uploadComplete!='')pos.addEventListener("load", uploadComplete, false);
        //if(uploadFailed!='')pos.addEventListener("error", uploadFailed, false);
        //if(uploadCanceled!='')pos.addEventListener("abort", uploadCanceled, false);
        pos.send(posData);
        if(CallBackOnSend)CallBackOnSend(pos);
    };   
 };
 return(pos);
};

样本：

 var complete=function(e){
    var Body=responseText(e.target);
    console.log(Body);
};
var uploadProgress=function(evt){

};
var uploadComplete=function(evt){
    if(evt.target.status==200 || evt.target.status==304){
      var Body=responseText(evt.target);
      console.log(Body);
    }else{
        return false;
    };
};
var uploadFailed=function(evt){

};
var uploadCanceled=function(evt){

};
var CallBackOnSend=function(evt){

};
loadXMLPostDocf("http://domain.com/index.php","GET",null,uploadProgress,uploadComplete,uploadFailed,uploadCanceled,complete,CallBackOnSend);

【讨论】：

false 并且 console.log(Body) 记录了一个空字符串；
你能把你的测试的url 放上去吗？

【解决方案4】：

通过检查我的 html 代码解决了与此类似的问题。我的表单提交按钮中有一个onclick 处理程序。像这样：onclick="sendFalconRequestWithHeaders()"。这个方法反过来调用 ajax 就像你的一样，做我想做的事。但与预期不同，我的浏览器没有返回任何内容。

从someone's hardwork 学习，我在这个处理程序中返回了 false，并解决了。让我提一下，在到达这篇文章之前，我花了整整 3 天的周末和半天的时间在办公室编写代码实现 CORS filters，jetty config，其他 jersey and embedded jetty 相关的东西 - 只是为了解决这个问题。，旋转我对cross domain ajax requests 和标准的所有理解。 javascript 中的简单错误让你变得愚蠢，这太荒谬了。

现在我必须清理我的代码才能干净地提交 git 补丁。感谢那个人。

【讨论】：