jquery - $.getJSON 未检索文件

Question

我有以下脚本，其最终目的是获取本地 JSON 文件并用其内容填充列表。问题是文件永远不会被检索，而是调用失败函数，并且令人困惑的是，该函数的参数包含 JSON 文件的内容作为“responseText”。给出了什么？

在最坏的情况下，我可以将 responseText 转换为 JSON 对象，然后使用它来填充我的列表，但我宁愿弄清楚为什么这没有按预期方式工作。

$( function() {
$.getJSON("public/data/opps.json", function(data) {
    console.log(data); // Never executes
})
  .fail(function(msg) {
      console.log(msg['responseText']); // Prints the contents of opps.json as a string
  });
});

Answer 1

问题是 opps.json 不是有效的 JSON 文件。

当我尝试你的代码并确保内容是 JSON 时，它起作用了。例如，如果 opps.json 是:

[1,2,3]

一切都按预期进行。但是，如果是这样的:

xyz

然后就失败了。

此外，在 .fail 中添加不同的消息(例如:console.log('FAIL'))以确保显示故障，以便您可以看到发生了什么。