jquery - AJAX - JQuery GET 回调不起作用，但 JSON 文件访问正常

Question

我的代码如下所示:

$.get('http://files.mysite.com/data.json', function(data) {
    console.log(data);
}, "jsonp");

当我查看 Firebug 的 Network 菜单时，我可以看到对我的 JSON 文件的有效调用，当我打开它时，它包含所有信息。

但是控制台保持沉默。没有 AJAX 调用的迹象，也没有我记录数据的迹象。

我的 AJAX 调用与我的 JSON 文件不在同一域中。这就是我使用 jsonp

的原因

有什么想法吗？

Answer 1

我不完全确定你的问题是什么，如果你得到结果但控制台保持安静，你可能会遇到 JSON 本身的问题...尝试 JSONLint发现问题。

此外，我建议您不要使用 getJson 等。

$.ajax({
    url: http://files.mysite.com/data.json,
    dataType: 'jsonp',
    cache: false,

    beforeSend: function () {
        console.log("Loading");
    },

    error: function (jqXHR, textStatus, errorThrown) {
        console.log(jqXHR);
        console.log(textStatus);
        console.log(errorThrown);
    },

    success: function (data) {
        console.log('Success');
        console.log(data);
    },

    complete: function () {
        console.log('Finished all tasks');
    }
});

通过这种方式，您可以获得一些错误处理和其他不错的小功能，您可以通过 beforeSend 添加加载微调器，并通过 Complete 删除它:)

编辑:将错误函数替换为下面的函数，这应该可以让我们更好地了解问题所在:)

error: function (jqXHR, textStatus, errorThrown) {
  console.log(jqXHR);
  console.log(textStatus);
  console.log(errorThrown);
}