14

我正在使用 jQuery 的 ajax 方法来获取静态 JSON 文件。数据是从本地文件系统加载的，因此没有服务器，所以我无法更改 MIME 类型。

这在 Safari 中运行良好，但 Firefox (3.6.3) 报告该文件“格式不正确”。我知道并查看了 Stack Overflow 上的类似帖子：

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

我相信我的 JSON 格式正确：

{
    "_": ["appl", "goog", "yhoo", "vz", "t"]
}

我的 ajax 调用很简单：

$.ajax({
    url: 'data/tickers.json', 
    dataType: 'json',
    async: true,
    data: null,
    success: function(data, textStatus, request) {
        callback(data);
    }
});

如果我用文档标签包装 JSON：

<document>JSON data</document>

正如上面提到的另一个 Stack Overflow 问题中提到的那样，ajax 调用失败并出现解析错误。

那么：在读取客户端 JSON 文件时，有没有办法避免 Firefox 警告？

4

2 回答 2

50

有时使用 HTTP 服务器不是一种选择，这可能意味着某些文件不会自动提供 MIME 类型。改编自 Peter Hoffman 对jQuery .getJSON Firefox 3 Syntax Error Undefined的回答，在进行任何 $.getJSON() 调用之前使用此代码：

$.ajaxSetup({beforeSend: function(xhr){
  if (xhr.overrideMimeType)
  {
    xhr.overrideMimeType("application/json");
  }
}
});

或者，如果您使用 $.ajax()：

$.ajax({
  url: url,
  beforeSend: function(xhr){
    if (xhr.overrideMimeType)
    {
      xhr.overrideMimeType("application/json");
    }
  },
  dataType: 'json',
  data: data,
  success: callback
});
于 2010-11-20T17:26:46.250 回答
-5

本地文件和脚本不混合。涉及太多浏览器安全问题和其他奇怪的东西。如果你想测试东西，你应该通过 HTTP 服务器运行你的东西。在本地安装一个可能是一个好主意。

于 2010-04-11T22:33:36.517 回答