jquery - jQuery $.getJSON：“加载资源失败：取消”

Question

我在使用 jQuery 1.4.4 从本地 rails 应用程序加载 json 资源时遇到问题

json 是有效的（基于 jsonlint.com），如果我从其他来源请求它，我可以正确下载它。

在 webkit (Safari) 中，我得到了这个错误：

Failed to load resource: cancelled

Firebug 上的响应标头：

Content-Type application/json; charset=utf-8
Set-Cookie geoloc=toulouse; path=/;
Connection close
Server thin 1.2.7 codename No Hup

加载 json 的 jQuery 代码：

$.getJSON("http://127.0.0.1/search_agenda",
  {'edition': edition,
  'categories': categories},
  function(data){
    console.log(data);
  }
});

Answer 1

你的 getJSON 对我来说似乎是正确的。

我有同样的错误。这实际上是由于 jquery mobile 造成的。我还没有深入了解它，但即使我只是将 jquery 移动库包含在一个空白的 html 页面中，基本上我也会得到这个错误。

我怀疑 jquery.js 和 jquery_mobile.js 是不兼容的版本。当我找到真正的原因时，我会回来检查。

Answer 2

尝试放置一个相对路径。不同域之间禁止 Ajax 调用，因此您的浏览器可能会认为您的应用在localhost域中，而请求在不同的域中（127.0.0.1）。

如果是这种情况，您可以尝试以下操作：

$.getJSON("http://" + location.host + "/search_agenda",
  {'edition': edition,
  'categories': categories},
  function(data){
    console.log(data);
  }
);

Answer 3

确保您也在浏览器中从http://127.0.0.1/加载页面。无论如何，使用相对路径总是一个更好的选择。