$.getJSON() 在 IE9 中有效，但在 Chrome 和 FireFox 中无效，我的代码有什么问题？

Question

我使用 IE9 和文本编辑器开发了一个 Web 应用程序。它读取一个 JSON 文件，然后根据该文件以及 JavaScript 和 jQuery 代码的逻辑填充一些 DIV 元素。在IE9下，完美运行。

在 Chrome 下，$.getJSON() 语句执行失败，所以没有数据可用。在 FireFox 下，$.getJSON() 语句显然在运行（警报消息证明了这一点），但它没有读取任何内容。

JSON 文件通过 JSONLint。

Chrome 和 FireFox 均未显示任何错误。

我使用来自 JSON 站点的 JSON 数据创建了一个示例文件，通过 JSONLint 对其进行了验证，然后使用该文件运行了我的代码。没有区别——Chrome 仍然会忽略 $.getJSON() 语句。

我的代码的相关部分：

    function buildTree(centralID) {
      alert("Can we start, at least?");
     $.getJSON('sample.json', function(data) {
      alert("first success");
      $.each(data.person, function(i, xdata) {

Chrome 显示第一个警报，但不显示第二个。

有什么想法吗？

Answer 1

这是在网络服务器上运行还是只是在浏览器中打开文件？如果你只是打开文件，你会遇到问题。

Answer 2

您可以使用内置的错误功能来显示错误并进行调试。

$(document).ready(function(){ // Make sure your jQuery is inside this
$.getJSON("sample.json", function(data) {
    alert('Point 1 Reached.');
    console.log(data); // Here we log to our console
    $.each(data.feed.entry, function(i, item) {
             // Do your stuff here
        }); // End of $.each

// Here Success, Completed & Error do something. chained onto $.getJSON
        }).success(function() { alert("success"); })
          .error(function(jqXHR, textStatus, errorThrown) { // Debug the error!!
                    console.log("error " + textStatus);
                    console.log("error throw " + errorThrown);
                    console.log("incoming Text " + jqXHR.responseText);
                }) // End of .error
          .complete(function() { alert("complete"); });
        });
}); // End of DOM Ready

这应该会在 firefox 或 chrome 的控制台窗口中显示错误（console.log 在 IE 中不起作用并破坏脚本）。要在 Firefox 或 chrome 中调出控制台窗口，请按F12。如果 JSON 不工作，它会显示一个您可以调试的错误。

---

更新
还要确保此代码在您的$(document).ready() 中。如果以其他方式使用 $.getJSON() 可能会导致跨浏览器出现意外行为。