Javascript getJson不工作后的getJson

我正试图在点击按钮时发出请求

如果是第一次单击它，我将生成一个getJson来获取第二个请求的ID数组

问题是，当它发出第一个请求时，它会在第二个请求之前停止，因此我必须再次单击以发出第二个请求

以下是我的脚本代码：

<script  type="text/javascript">
$(document).ready(function() {
    var IDs = new Array();
    var iterator = 0;
    // When id with Action is clicked
    $("#Action").click(function() {
        if(IDs.length <= 0){
            // Load generator.php as JSON and assign to the data variable
            $.getJSON('generator.php', {tags : "lol"},  function(data) {
                IDs = data.value;               
            });
        }

        //PAGE STOPS HERE

        $.getJSON('imagem.php', {ids : IDs[iterator]}, function(data) {
            iterator++;
            document.title = "IMG2";

            $("#Imagem").html(data.value);  
            if(iterator > IDs.length-1)
                iterator = 0;
        });

    });
});
</script>

$（文档）.ready（函数（）{
var id=新数组（）；
var迭代器=0；
//单击带有操作的id时
$（“#操作”）。单击（函数（）{
如果（ID.length ID.length-1）
迭代器=0；
});
});
});

函数是异步的。这意味着当它执行该位代码时，它将继续执行。第二个调用取决于第一个调用，因此应嵌套在成功回调中，如下所示：

$.getJSON('generator.php', {tags : "lol"},  function(data) {
   IDs = data.value;               

   $.getJSON('imagem.php', {ids : IDs[iterator]}, function(data) {
      iterator++;
      document.title = "IMG2";

      $("#Imagem").html(data.value);  
      if(iterator > IDs.length-1)
         iterator = 0;
   });
});

---

这是因为$getJSON是一个异步事件，所以$getJSON函数调用同时发生，而第二个函数调用需要第一个函数的结果。请使用jquery中的成功事件：

上述网站的示例：

$.getJSON("example.json", function() {
  alert("success");
})
.success(function() { alert("second success"); });

新代码：

<script  type="text/javascript">
    $(document).ready(function() {
        var IDs = new Array();
        var iterator = 0;
        // When id with Action is clicked
        $("#Action").click(function() {
            if(IDs.length <= 0){
                // Load generator.php as JSON and assign to the data variable
                $.getJSON('generator.php', {tags : "lol"},  function(data) {
                    IDs = data.value;
                }).success(function() {
                    $.getJSON('imagem.php', {ids : IDs[iterator]}, function(data) {
                        iterator++;
                        document.title = "IMG2";

                        $("#Imagem").html(data.value);  
                        if(iterator > IDs.length-1)
                                iterator = 0;
                    });
                });
            }
        });
    });
</script>

$（文档）.ready（函数（）{
var id=新数组（）；
var迭代器=0；
//单击带有操作的id时
$（“#操作”）。单击（函数（）{
如果（ID.length ID.length-1）
迭代器=0；
});
});
}
});
});

从您的代码访问中，我们认为-

这是ajax调用的一个典型案例

要在第一次调用之后进行第二次调用，您应该在第一次getjson回调中调用第二次getjson，以使其正常工作-即-

<script  type="text/javascript">
                $(document).ready(function() {
                    var IDs = new Array();
                    var iterator = 0;
                    // When id with Action is clicked
                    $("#Action").click(function() {
                        if(IDs.length <= 0){
                        // Load generator.php as JSON and assign to the data variable
                        $.getJSON('generator.php', {tags : "lol"},  function(data) {
                            IDs = data.value;               
                            $.getJSON('imagem.php', {ids : IDs[iterator]}, function(data) {
                            iterator++;
                            document.title = "IMG2";

                            $("#Imagem").html(data.value);  
                            if(iterator > IDs.length-1)
                                    iterator = 0;
                        });


                        });
                        }
                    });
                });
            </script>

$（文档）.ready（函数（）{
var id=新数组（）；
var迭代器=0；
//单击带有操作的id时
$（“#操作”）。单击（函数（）{
如果（ID.length ID.length-1）
迭代器=0；
});
});
}
});
});

---

我以前也遇到过同样的情况，因为ajax调用了不同的应用程序。希望这对您有所帮助。

页面加载时会调用第二个，您需要在单击后调用它，您可以将其放置在函数中。第二个函数取决于第一个函数，单击按钮时应同时加载这两个函数。谢谢你的快速回复！是的，您是对的，两者都包含在click函数中：）第二个

$。getJSON

调用需要放在第一个回调函数中。第二个将在填充

IDs

之前运行。记住，AJAX是异步的！如果你使用正确的缩进，这些东西更容易看到。