javascript - 如何在 Javascript 中加载本地 JSON 文件

Question

我正在编写一个 Web 应用程序(好吧，实际上它最终将是一个 OS X 仪表板小部件，但我决定首先将其原型(prototype)化为一个简单的网页)，需要从本地 JSON 文件加载一些初始化数据。我的代码如下所示:

function loadDatos() {   
    var xobj = new XMLHttpRequest();
    xobj.overrideMimeType("application/json");
    xobj.open('GET', 'datos.json', true);
    xobj.onReadyStateChange = function () {
        if (xobj.readyState == 4) {
            var jsonTexto = xobj.responseText;
            ProcessTheData(jsonTexto);
        }
    }
    xobj.send(null);
}

该函数从 HTML 文件的 BODY 标记中的 onLoad() 事件调用。现在，从我在调试时看到的情况来看，该函数被执行，但 onReadytStateChange 事件处理程序永远不会被调用。

我该怎么办？我认为使用 XMLHttpRequest 访问本地文件有点奇怪，但是我看到的处理这个问题的新教程似乎说它应该可以工作(我见过的 99％ 的文档都讨论了如何从远程服务器加载 JSON，而不是从本地文件加载)。

我正在使用 Firefox 3.6.10 进行测试，但我也尝试过使用 Safari 4。

Answer 1

onreadystatechange 属性没有大写字母。请参阅: MDC XMLHttpRequest