使用 jQuery 的具有不同输入变量的多个 Ajax HTTP GET 请求

Question

我想发出异步获取请求，并根据我提供给每个请求的输入来获取不同的结果。这是我的代码：

param=1;
$.get('http://localhost/my_page_1.php', param, function(data) {
   alert("id = "+param);
   $('.resul   5.t').html(data);
});

param=2;
$.get('http://localhost/my_page_2.php', param, function(data) {
   alert("id = "+param);
   $('.result').html(data);
});

这两个请求的结果是： “id = 2” 我希望结果是： 第一个请求的“id = 1”，以及 第二个是“id = 2”..

我想同时处理多个请求 HTML 文件并将结果集成到 准备好后的 HTML。

谁能帮我解决这个问题？

Answer 1

因为您的调用是异步的，所以在上述所有行都已运行之前，回调不会执行。这意味着 param 将在您的第一个 get 请求解析之前设置为值 2。

为您的变量（如 param1、param2）创建唯一名称，而不仅仅是重新分配 param。

编辑：

查看此代码：

    for (var i = 0 ; i < 3; i++) {
        param = i;
        $.get('http://www.google.com',genCallback(param));
        param = i+5;
    }

    function genCallback(param) {
        var cb = function (data) {
            alert(param);
        }
        return cb;
    }

老实说，我不确定它是如何工作的。您会注意到它以某种顺序提醒数字 0、1、2，即使我不断更改参数。我没有直接在get中创建匿名函数，而是根据参数创建了一个函数。我认为发生的情况是在 cb 上创建了一个闭包，其中包括执行时 genCallback 的本地参数。

Answer 2

当您调用 AJAX 函数时，该请求的回调处理与您的其余代码不同步。指定在请求完成时调用的函数在请求完成之前没有被调用。

这是您的代码最常见的工作方式（由于 AJAX 的异步特性）：

1. 您设置param = 1 并发送第一个ajax 请求
2. 您设置param = 2 并发送第二个ajax 请求
3. 第一次获取调用已完成。处理此调用的回调。您的 param 变量现在是 2
4. 第二次获取调用已完成。处理此调用的回调。你的 param 变量仍然是 2

解决方案是为每个调用设置不同的变量，或者增加 param 并在第一个回调函数中发送第二个 ajax 调用。