How to load local JSON files in Javascript

Question

I'm writing a web app (well, actually it will eventually be an OS X Dashboard widget, but I decided to prototype it first as a simple web page) that needs to load some initializing data from a local JSON file. My code looks like this:

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);
}

The function get called from an onLoad() event in the HTML file's BODY tag. Now, from what I see when debugging, the function gets executed, but the onReadytStateChange event handler never gets called.

What should I do? I thought it was a bit odd to use a XMLHttpRequest to access a local file, but the new tutorials I've seen that deal with this issue seem to say that it should work (the 99% of docs I've seen talk about how to load JSON from a remote server, not from a local file).

I'm testing using Firefox 3.6.10, but I've also tried with Safari 4.

This is why I was pushing for the option of an assignment clause to precede a JSON object declaration back in 2005 before all the various programming language JSON clients rushed towards an ad hoc standardization: http://web.archive.org/web/20060212113746/htmatters.net/htm/1/2005/07/evaling-JSON.cfm — Dexygen, Oct 09 '10 at 15:56
You want application/json, but if the file is local, it will not have that mime type. Try commenting the override out — mplungjan, Oct 09 '10 at 15:58

gblazex · Accepted Answer · 2010-10-09T16:23:14.823

9

onreadystatechange property has no capital letters. See: MDC XMLHttpRequest

edited Oct 09 '10 at 16:23

answered Oct 09 '10 at 16:16

gblazex

49,155
12
98
91

score 1 · Answer 2 · edited Jan 23 '13 at 11:17

1

Unless we add extension .json and MIMETYPE application\json, IIS will throw an error.

See here: http://www.microsoft.com/technet/prodtechnol/WindowsServer2003/Library/IIS/cd72c0dc-c5b8-42e4-96c2-b3c656f99ead.mspx?mfr=true

edited Jan 23 '13 at 11:17

Paolo

22,188
6
42
49

answered Jan 23 '13 at 10:57

aharisankar

11
1

How to load local JSON files in Javascript

2 Answers2