jQuery getJSON 调用未返回所需的参数？

Question

我在 jQuery 中搜索了相关主题，但没有看到任何方法来解决我的问题。

$(document).ready(function(){
    $("#inputForm").submit(function(event){
        $(":text").each(function() {
            var inputText = $(this).val();
            var userList = [];
            var weblink = 'http://test.com';

            // problem is from here.
            $.getJSON(weblink, function(data){
                alert(weblink); // this statement doesn't show up
                $.each(data, function(entryIndex, entry){
                    userList.push(entry['from_user']);
                });
            });
            alert(userList);
        });
     });
});

这里有3个问题：

1. 为什么第一个alert('weblink')没有出现？
2. 为什么这段代码无法从网站获取json数据？
3. 此代码的目标是从 json 文件获取 from_user 标记并将其存储到 userList 数组中。

“$.each(data, function(entryIndex,entry){”语句中的变量，该函数有两个输入参数，一个是entryIndex，另一个是entry。我想知道这些参数的用途以及如何使用它们？

可以谁能帮我解决这个问题，我已经在这里呆了一天了。 非常感谢。

Answer 1

只需添加到链接

&callback=?

或

?callback=?

（如果它是第一个且唯一的 GET 变量）
这将使您的调用转为 JSONP 调用，这不会出现同源策略问题。

Answer 2

不确定，但它不需要获取参数吗？试试这个：

$.getJSON(weblink, {}, function(data){

Answer 3

你使用MVC平台吗？
显然，默认情况下，MVC 2.0 会阻止对返回 JsonResult 的操作的 GET 请求。
查看：

http://mhinze.com /2010/04/13/json-hijacking-in-asp-net-mvc-2/

我在升级使用 .getJSON 调用的现有应用程序（用 MVC v1 编写）时遇到了同样的问题将数据从 MVC 控制器提取到视图（通过 jquery/javascript）&无法弄清楚为什么它们不起作用我尝试了不同版本的 jquery 但没有成功，然后我找到了上面的链接。我改为 POST （并且还稍微更改了从控制器发送数据的方式 - 使用 Dictionary ）并使其正常工作 - 终于！

祝你好运！
杰伊德

Answer 4

我想补充一下为什么 jQuery.getJSON() 在 Windows 的 IIS 开发环境中可能无法按预期响应的另一个原因。

按照此处提供的所有过程，我无法从 *.json 文件中获取任何数据，只有当我将扩展名更改为 *.js 时，才会返回响应状态

{"status"="404", "statusText"="Not Found"}

然后我记得在 IIS 中，有一些 MIME/类型没有指定。为扩展名为 .json 的文件添加 MIME/Type application/json 解决了我的问题。

有关如何在 iis7 上添加 MIME/类型的信息。

Answer 5

这里有几个问题：

1. getJSON 执行 ajax 请求。 Ajax 请求须遵守同源政策。除非您的页面是从 http://test.com 加载的（或其他一些注意事项），否则它将无法工作。您可能正在寻找 JSON-P （jQuery 也支持），前提是服务器支持它。

2. getJSON 与所有 ajax 请求一样，默认情况下是异步的，因此您的第二个警报（包含用户列表）将在请求完成。虽然您可以使 ajax 请求同步，但这是一个非常糟糕的主意（在请求期间锁定大多数浏览器的 UI）。相反，只需在回调中收到用户列表后使用它，而不是尝试在调用 getJSON 的函数中使用它。

编辑：您在下面说过您正在尝试使用 Twitter 搜索 API。该 API 确实支持 JSON-P，因此如果您使用 JSON-P 来执行请求，它应该可以工作。例如：

$(document).ready(function(){
    $("#inputForm").submit(function(event){
        $(":text").each(function() {
            var inputText = $(this).val();
            var userList = [];
            var weblink = 'http://search.twitter.com/search.json?q=&ands=google';

            // problem is from here.
            $.ajax({
                url:        weblink,
                dataType:   "jsonp", // <== JSON-P request
                success:    function(data){
                    alert(weblink); // this statement doesn't show up
                    $.each(data.result, function(entryIndex, entry){ // <=== Note, `data.results`, not just `data`
                        userList.push(entry['from_user']); // <=== Or `entry.from_user` would also work (although `entry['from_user']` is just fine)
                    });
                    alert(userList); // <== Note I've moved this (see #2 above)
                }
            });
        });
     });
});

...但是您肯定不想对表单中的每个文本字段执行此操作吗？

这是一个实例，但没有表单（并且只执行一个请求，而不是每个字段的请求）。