多个 jquery Cross Domain JSONP 请求，每个请求具有相同的回调

Question

有人可以告诉我如何使用相同的 jsonp 回调创建 3 个 jsonp 跨域请求，这些回调只是获取内容并将其写入页面？

我正在尝试构建一个 url 数组来循环遍历，我想为每个 url 触发一个 jsonp 请求。对于每个响应，我想获取该 json 对象，然后将数据写入页面的一部分。我不在乎它的顺序。如果我使用 $.each 函数，我不需要考虑范围吗？因为我只定义了 1 个回调函数，并且我想覆盖 jsonp 回调，所以它总是调用相同的函数，但该函数足够聪明，可以知道返回了哪个对象并将其写入页面。

这是我的代码：

    $(document).ready(function() {
        $.getJSON('/server/webcontent/js/env-urls-local.js', function(data) {


                $.each(data.env.urls, function(index, url) {
                        //alert(url.path);
                        $.ajax({
                            url: url.path, 
                            dataType: 'jsonp',
                            async: false,
                            cache: false,
                            done: function(sData, textStatus, jqXHR){

                                var targetreleasediv = "." + url.target + ' td:nth-child(2)';
                                var targetdescdiv = "." + url.target + ' td:nth-child(3)';

                                //alert(targetreleasediv);
                                //alert(targetdescdiv);

                                $(targetreleasediv).html(sData.env.v);
                                $(targetdescdiv).html(sData.env.desc);
                            },
                            fail: function(jqXHR, textStatus, errorThrown){
                                alert("Error " + jqXHR.responseText+ " error thrown is " + errorThrown + " status is " + textStatus);
                                var targetreleasediv = "." + url.target + ' td:nth-child(2)';
                                var targetdescdiv = "." + url.target + ' td:nth-child(3)';

                                //$(targetreleasediv).html("server is currently down");
                                //$(targetdescdiv).html("server is currently down");

                            }
                        });


                });


            });

    });

这是带有 url 的 json 数组：

{
   "env":{
      "urls":[
         {
            "path":"http://server.domain.com/server/webcontent/js/evt2_server1.js",
            "target":"env2-server"
         },
         {
            "path":"http://server.domain.com/server/webcontent/js/evt2_server2.js",
            "target":"env2-server2"
         }
      ]
   }
}

这是请求返回的json字符串

{"env":{"v":"Tag_12345","desc":"Test of purpose"}}

现在，当我提交页面时，我会收到 json ajax 请求，但不会调用 done 或 fail 方法。

Answer 1

$.each 和 $().each 与 for 循环的不同之处在于，对于它循环的每个项目，在其上运行的函数都在它自己的范围内。您应该能够在每个 jsonp 调用中简单地使用相同的回调而无需担心。

Answer 2

我发现您的代码存在多个问题：

1. reqQueue 不应该是一个数组。你使用它的方式，它应该是一个对象。一旦您在此处更改/修复第 2) 项，我认为您甚至不需要 reqQueue。
2. 在进行 ajax 调用后，您正在定义 .success 和 .error 处理程序。它们应该在 ajax 调用之前定义。我建议在 ajax 数据结构中定义它们，以便在最初创建时将它们直接传递给 ajax 函数。
3. 除非您尝试解决某个特定问题，否则我认为您应该从 ajax 参数中删除 jsonpCallback: 'jsonCallback', 选项。根据 jQuery ajax 文档，最好让 jQuery 管理该函数名称。