0

我试图执行两个连续的 ajax 请求，例如：

var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("POST","data.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send('url=' + url);
var x=10;
var y=20;
xmlhttp.open("POST","datatest.php",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send('x=' + x, 'y=' + y);

不给出错误，但说：

POST http://dev01.dev/data.php Aborted

并echo仅显示 datatest.php 中的结果。如何从 data.php 和 datatest.php 获得响应？

更新：

data.php会给出一些结果。

echo $result1;

datatest.php会给出一些结果。

echo $result2;

我想将以上两个结果附加到myDiv.

如果我做

document.getElementById("myDiv").innerHTML=xmlhttp.responseText1;

然后

document.getElementById("myDiv").innerHTML=xmlhttp.responseText2;

它将替换内容。我想追加它！

4

1 回答 1

1

如何从 data.php 和 datatest.php 获得响应？

使用单独的XHR 对象，而不是尝试重用现有的 XHR 对象。您当前的代码启动了一个请求，但是您xmlhttp.open("POST","datatest.php",true);在请求有时间完成之前再次对同一个 XHR 对象执行此操作，因此它被中止。

例如：

var xmlhttp1, xmlhttp2;
function getXHR() {
    if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
        return new XMLHttpRequest();
    }
    else { // code for IE6, IE5
        return new ActiveXObject("Microsoft.XMLHTTP");
    }
}
xmlhttp1 = getXHR();
xmlhttp1.onreadystatechange = function () {
    if (xmlhttp1.readyState == 4 && xmlhttp1.status == 200) {
        document.getElementById("myDiv").innerHTML = xmlhttp1.responseText;
    }
};
xmlhttp1.open("POST", "data.php", true);
xmlhttp1.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp1.send('url=' + url);

var x = 10;
var y = 20;
xmlhttp2 = getXHR();
xmlhttp2.onreadystatechange = function () {
    // Presumably do someething with the result of this one, too
};
xmlhttp2.open("POST", "datatest.php", true);
xmlhttp2.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp2.send('x=' + x, 'y=' + y);
于 2013-10-28T07:54:45.010 回答