使用XMLHttpRequest加载JSON文件时，Firefox中出现“格式不正确”错误

当页面上的JavaScript加载包含JavaScript Object Notation格式的对象的文本文件时，我在Firefox 3.0.7的错误控制台中收到“格式错误”的错误。如果该文件仅包含JSON对象，则将产生错误。如果将对象包装在<document> </ document>标记中，则不会产生错误。无论哪种方式，请求都成功，因此我可以忽略它，但是我不希望我的错误日志中充满这些消息。

这是一些示例代码来说明此问题。首先，名为“ data.json”的“格式不正确”文件：

{ a: 3 }

现在，一些代码加载文件：

var req = new XMLHttpRequest();
req.open("GET", "data.json");
req.send(null);

会在Firefox错误控制台中产生以下错误：

格式不正确的file：//path/to/data.json行：1
{a：3}
-^

如果将data.json修改为此：

<document>{ a: 3 }</document>

没有错误。我以为是在抱怨，因为纯JSON文件不是格式正确的XML文档，因此我尝试在“发送”调用之前覆盖MIME类型，以强制将其作为纯文本加载，但这没有用。

var req = new XMLHttpRequest();
req.open("GET", "data.json");
req.overrideMimeType("text/plain");
req.send(null);
// Still produces an error!

我将继续将JSON数据包装在XML文档中，以避开XMLHttpRequest正在执行的任何验证，但是我想知道是否有任何方法可以强迫它不加批判地加载纯文本，而不尝试验证它。另外，除了XMLHttpRequest之外，还有没有其他可用于纯文本的加载数据的方法？

您是否尝试过将MIME类型用于JSON？

application/json

您还可以将服务器配置为自动为.json文件发送此MIME类型。

首先，真正的JSON比JavaScript严格得多，要成为有效的JSON，您必须将密钥加引号。

 { "a": 3 } 

另外，由于您使用的是裸露的XMLHttpRequest，通常期望接收XML结果，除非MIME头另有严格规定。

但是，您可能希望通过简单地使用JavaScript框架（例如jQuery）来简化自己的生活，该框架将为您消除所有这些问题并处理所有令人讨厌的情况。

$.getJSON("data.json",{}, function( data ){ 
  /*  # do stuff here  */ 
});

此外，如果您同时使用严格的JSON并使用库来为您抽象，则当浏览器开始具有本机JSON解析器时，该库将能够透明地使用这些JSON并显着提高速度。

（这定会比迟早发生，并且一旦发生，您的用户将获得无提示的升级，而无需付出任何努力！）。

当Content-Type完全为空（从而规避自然类型检测）时，也会发生这种情况。

实际上应该是{“ a”：3}。

我发现了相同的错误消息，但是原因却截然不同。在经过一段毫无结果的更改JSON内容后，意识到我不小心重新启动了从本地文件系统（file：//Users/me/Sites/mypage.html）而不是服务器（http：// localhost / 〜me / Sites / mypage.html）。

XMLHttpRequest()当请求标记为的资源时，我也收到了相同的警告消息（在FireFox中）Content-Type: application/json服务器。

对我来说，诀窍是在请求对象上将XMLHttpRequest.responseType属性显式设置为json。例如，

var request = new XMLHttpRequest();
request.onreadystatechange = function() { ... }
...
request.open('GET','https://random-domain.com/random-path',true);
request.responseType = 'json';
...
request.send();

Browser --- request expects a given content-type ---> Server
        <-- response contains content-type ----------

Firefox查看HTTP Content-Type标头。如果服务器的HTTP响应标头与您的浏览器代码的期望不符，它将发出此消息。

恕我直言，此错误消息本来可以好得多，例如“正在期待响应Content-Type标头...但已找到...”。

肯特，我不同意。

以下IS “有效” JSON：

{ a: 3 }

JavaScript对象属性名称不必为字符串。

问题是MIME类型之一，而不是JSON / JavaScript语法。

我只是通过将json作为“文本/ javascript”添加到我的网络服务器mime类型文件中来解决此问题：

text/javascript                 js, json

“格式不正确”的错误消失了。浏览器（FireFox）错误地认为.json文件是XML。