getJson 后 getJson 不工作答案

【问题标题】：getJson after getJson not workinggetJson 后 getJson 不工作
【发布时间】：2013-03-12 04:10:05
【问题描述】：

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

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

【问题讨论】：

第二个在页面加载时调用，需要点击后调用，可以放在function里面
第二个依赖于第一个，并且在单击按钮时都应该加载。感谢您的快速回复！
是的，你是对的，两者都包含在点击功能中:)
第二个$.getJSON调用需要放在里面第一个回调。第二个将在 before IDs 填充之前运行。请记住，AJAX 是异步的！
如果你使用正确的缩进，这些东西会更容易看到。

标签： javascript jquery ajax getjson

【解决方案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;
   });
});

【讨论】：

【解决方案2】：

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

是典型的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。希望对您有所帮助。

【讨论】：

【解决方案3】：

这是因为 $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>

【讨论】：