jquery - 为什么我无法处理 JSON 响应？

Question

我正在取回一些 JSON，需要在我的页面上显示它，但它似乎不会显示！

有人可以看看，看看你能不能看出我哪里出错了？

代码：

 $.ajax({ type: "GET",
    url: "URL GOES HERE - Cant give for obvious reasons :)",
    dataType: "jsonp",
    success: function (response) {
        var result = response.d;
        $.each(result, function (index, res) {
            $('#questions').val(res.q);

        });
    },
    error: function (msg) {

    }
});

JSON：

{
  "d": [
        {
            "id": "1002 ",
            "q": "What region is Auchentoshan whisky made in",
            "a1": "Highlands",
            "a2": "Speyside",
            "a3": "Lowlands"
        },
        {
            "id": "1042 ",
            "q": "Chase’s award winning vodka is made from...",
            "a1": "Grapes",
            "a2": "Rye",
            "a3": "Potatoes"
        }
    ]
}

Answer 1

一个响应应该是一个包裹在函数调用中的 JSON blob dataType。jsonp由于您只返回 JSON，因此您应该使用dataTypeof json。

我已经调整了您的示例以使用 JSFiddle echo API。在第一个版本中，我使用了您的代码中使用的dataTypeof 。jsonp如您访问该链接所见，它不起作用。在编辑后的版本中，我使用了dataTypeofjson并且效果很好。

Answer 2

$('#questions').val(res.q);

根据您要设置的内容，您可能需要使用：

$('#questions').html(res.q);