Getting "not well-formed" in FF error when reading JSON from a local file

Question

I'm working on a project on my computer and I'm getting "not well-formed" error when trying to read a json object from a file located on my machine.

It happens on Firefox. In Chrome, I'm getting "XMLHttpRequest cannot load file...".

I've tried changing the Mime-type to application/json but in vain.

Could you please help?

My code :

$.ajax({
    url: 'json/local_json_file.json',
    dataType: 'json',  //or application/json
    type: 'get',
    cache:'false',
    success: function(data) {
        $(data).each(function(index,value) {
            //some code
        });
    }
});

Are you able to read the file if you use `dataType: 'text'`? — Barmar, Feb 12 '16 at 21:49
Have you installed a local webserver, or are you loading the website using `file://` schema? — Alon Eitan, Feb 12 '16 at 21:50
Actually, not being able to read local files is a Chrome-specific restriction, see http://stackoverflow.com/questions/2541949/problems-with-jquery-getjson-using-local-files-in-chrome for workarounds. — Barmar, Feb 12 '16 at 21:51
why not add `error: function(e){ console.log(e); }` to your ajax call to see if you can discern more information? — Fallenreaper, Feb 12 '16 at 21:52
So in that case what @Barmar wrote is probably the answer for this problem. Install a [http server](https://httpd.apache.org/) and it should work — Alon Eitan, Feb 12 '16 at 21:53
it's a test, I cannot use a web server. That's the problem. :/ — Beppe, Feb 12 '16 at 21:54
This may be relevant: http://stackoverflow.com/questions/3986629/firefox-json-not-well-formed-errror-on-valid-json?rq=1 It seems like it's a spurious error in the FF debugger. — Barmar, Feb 12 '16 at 21:55
So apprently there's no way to overcome this. Chrome doesn't work at all, it doens't pull the json data. At least Firefox does it. — Beppe, Feb 12 '16 at 21:59

score 0 · Answer 1 · answered Feb 12 '16 at 21:54

0

if this is a local file, you should be using $.getJSON It is still asynchronous.

$.getJSON("json/local_json_file.json", function(json) {
     //do stuff to the json object here
});

answered Feb 12 '16 at 21:54

Pabs123

3,385
13
29

1

`$.getJSON` is just a shortcut for `$.ajax` with `dataType: 'json'`. They both end up in the same jQuery code to perform the AJAX request. – Barmar Feb 12 '16 at 21:55
I've used it but got the same problem. – Beppe Feb 12 '16 at 21:56
alright makes sense! I'll leave the answer up for the sake of future readers, your comment is helpful – Pabs123 Feb 12 '16 at 21:56

Getting "not well-formed" in FF error when reading JSON from a local file

My code :

1 Answers1