Javascript 两次xmlhttprequest调用中的第二次调用';行不通

Javascript 两次xmlhttprequest调用中的第二次调用';行不通,javascript,ajax,xmlhttprequest,Javascript,Ajax,Xmlhttprequest,我已经读了很多关于如何尝试并行生成两个xmlhttprequest的文章,但是看起来有些东西不太管用。 我有一个php文件。其中包括2.js文件。 第一个命令每3秒运行一次xmlhttprequest。 我希望第二个按需运行,但每当我触发它时,它就会返回状态4,但responseText始终为空。(毫无疑问,PHP文件打印出来了,我甚至试着在PHP文件上放置window.open('1'),查看文件是否被调用) 以下是第一个JS: var req1 = createXMLHttpRequest2

我已经读了很多关于如何尝试并行生成两个xmlhttprequest的文章,但是看起来有些东西不太管用。
我有一个php文件。其中包括2.js文件。
第一个命令每3秒运行一次
xmlhttprequest

我希望第二个按需运行,但每当我触发它时,它就会返回状态4,但
responseText
始终为空。(毫无疑问,PHP文件打印出来了,我甚至试着在PHP文件上放置
window.open('1')
,查看文件是否被调用)

以下是第一个JS:

var req1 = createXMLHttpRequest2();
var user_redirected=false

function createXMLHttpRequest2() {
var ua2;
if(window.XMLHttpRequest) {
    try {
    ua2 = new XMLHttpRequest();
    } catch(e) {
    ua2 = false;
    }
} else if(window.ActiveXObject) {
    try {
    ua2 = new ActiveXObject("Microsoft.XMLHTTP");
    } catch(e) {
    ua2 = false;
    }
}
return ua2;
}

function set_user_redirected_false() {
user_redirected = false;
}

function get_user_redirected() {
return user_redirected;
}

function handleResponse(username, game_id, isInvitation) {
    if(req1.readyState == 4 && req1.status==200) {
        var response = req1.responseText;
        if (response == "true") {
            // Ask to set the game_accepted var to 1 (user is redirected and not leaving)
            user_redirected = true;
            if (isInvitation == "true") {
                window.location.href = "game.php?game_id="+game_id+"&position=2";
            } else {
                window.location.href = "game.php?game_id="+game_id+"&position=1";
            }
        }
        else {
            setTimeout(function(){sendRequest();}, 3000);
        }
    }
}

function sendRequest() {
    user_redirected = false;
    var username = "";
    var game_id = -1;
    var isInvitation = "false";
    username = document.getElementById("username").value;
    game_id = document.getElementById("game_id").value;
    isInvitation = document.getElementById("invitation").value;
    if (isInvitation == "true") {
        req1.open('GET', 'check_for_inviter.php?username='+username+'&game_id='+game_id ,true);
    } else {
        req1.open('GET', 'check_for_opponent.php?username='+username+'&game_id='+game_id,true);
    }
    req1.onreadystatechange = function(){handleResponse(username, game_id, isInvitation);};
    req1.send(null);
}
这是第二个JS文件:

function createXMLHttpRequest() {
    var ua;
    if(window.XMLHttpRequest) {
        try {
            ua = new XMLHttpRequest();
        } catch(e) {
            ua = false;
        }
    } else if(window.ActiveXObject) {
        try {
            ua = new ActiveXObject("Microsoft.XMLHTTP");
        } catch(e) {
            ua = false;
        }
    }
    return ua;
}

function delete_waiting_games(username) {
    var req2 = createXMLHttpRequest();
    req2.open('GET', 'delete_waiting_games_for_username.php');
    req2.onreadystatechange = function(){
        window.open(req2.readyState+'&'+req2.responseText);
    };
    req2.send(null);
}
正如您所看到的,我打开了一个新窗口来查看响应和就绪状态(仅用于测试),我总是得到状态4和空responseText


谢谢。

使用
setTimeout
分隔呼叫,使用
封装
XMLHTTPRequest

function xhr()
  {
  with(new XMLHttpRequest)
    {
    open("GET",{},true);
    setRequestHeader("Foo", "Bar");
    send("");
    onreadystatechange = handler;
    }
  }

function handler(event)
 {
 !!event.target && !!event.target.readyState && event.target.readyState === 4 && ( console.log(event) );
 }

setTimeout(xhr, 500);
setTimeout(xhr, 1000);

你确定PHP会回应什么吗?如果使用相同的参数手动打开URL会发生什么情况?我确定,在进一步的模式下,我使用一个
test.php
切换了
delete\u waiting\u games\u for\u username.php
,它只使用JS打开页面,而页面没有打开。尝试在window.open上使用alert()。。看看你看到了什么什么什么都没有。。。就像从未调用页面一样。