getJson不工作后的getJson

Question

当按钮被单击时，我正在尝试发出请求。

如果是第一次单击它，我会创建一个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>

Answer 1

$.getJson()函数是异步的。这意味着当它执行这段代码时，它会继续执行。第二个调用依赖于第一个，所以应该嵌套在成功回调中，如下所示：

$.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;
   });
});

Answer 2

这是因为$getJSON是一个异步事件，所以您的两个$getJSON函数调用都是同时发生的，而第二个函数调用需要第一个函数的结果。请使用来自jquery的成功事件：http://api.jquery.com/jQuery.getJSON/

来自上述网站的示例：

$.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>

Answer 3

从你的代码访问来看，我们认为-

这是一个典型的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>

我以前遇到过同样的情况，在不同的应用程序中调用ajax。希望这能对你有所帮助。