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在不同的应用程序中调用。希望这能帮助你。

getJson不工作后的getJson

3 个答案: