单个页面中的两个 xmlHttpRequest

我对 ajax 相当陌生，但我正在尝试使用 javascript 实现两个简单的调用来动态更改页面上的两个单独的 div。我一次使用一个调用没有问题，但是当我使用两个调用时，似乎第二个 xmlhttprequest 接管第一个调用并写入两个 div。

我已阅读并尝试使用其他两篇文章中列出的修复程序，但似乎都不适用于我的情况：

从单个 javascript 函数向两个不同的 PHP 脚本发送两个 Ajax 请求 https://stackoverflow.com/questions/3705854/sending-two-ajax-requests-to-two-different-php-scripts-from-single-javascript-fun

在页面上使用两个 xmlhttprequest 调用 https://stackoverflow.com/questions/2818648/using-two-xmlhttprequest-calls-on-a-page

这是我的相关代码：

function request_handler(url, params, changed_div) {
    if(window.XMLHttpRequest) {
            try {
                    req = new XMLHttpRequest();
            }catch(e) {
                    req = false;
            }
    }else if(window.ActiveXObject) {
            try {
                    req = new ActiveXObject("Msxml2.XMLHTTP");
            }catch(e) {
                    try {
                            req = new ActiveXObject("Microsoft.XMLHTTP");
                    }catch(e){
                            req = false;
                    }
            }
    }

    if(req) {
              req.onreadystatechange = function(){
                    if (req.readyState == 4 && req.status == 200){
                                    document.getElementById(changed_div).innerHTML = req.responseText);

                    }
            }

            req.open("POST", url, true);
            req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            req.send(params)
            return true;
    }

    return false;
}

以下是使用上述函数的每个请求的基本格式：

request_handler("sample.php", parameters , "sample_div");

抱歉，如果我在这里传递一些简单的东西，我似乎无法让它发挥作用。

这个问题

在页面上使用两个 xmlhttprequest 调用 https://stackoverflow.com/questions/2818648/using-two-xmlhttprequest-calls-on-a-page

does回答你的问题。

In your request_handler函数，您正在使用全局变量req每次调用该函数时都会被覆盖。

如果将其更改为启动：

function request_handler(url, params, changed_div) {
    var req;
    // Rest of your function
}

你应该会发现它有效。在这种情况下req具有本地范围，因此当您调用时不会被覆盖request_handler第二次。

如果您打算编写 Ajax 脚本，我还可以建议您强烈考虑使用 jQuery、Prototype 或 Dojo 之类的工具吗？编写跨浏览器工作的脚本很难做好，这些框架为您做了很多跑腿的工作。