0

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

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

3 回答 3

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;
   });
});
于 2013-03-11T19:57:28.363 回答
0

这是因为 $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>
于 2013-03-11T19:59:05.887 回答
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>

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

于 2013-03-11T20:00:37.683 回答