Problems with jQuery getJSON using local files in Chrome

Question

I have a very simple test page that uses XHR requests with jQuery s   getJSON and   ajax methods   The same page works in some situations and not in others  Specificially  it doesn t work in Chrome on Ubuntu   I m testing on Ubuntu 9 10 with Chrome 5 0 342 7 beta and Mac OSX 10 6 2 with Chrome 5 0 307 9 beta    It works correctly when files are installed on a web server from both Ubuntu Chrome and Mac Chrome  try it out here   It works correctly when files are installed on local hard drive in Mac Chrome  accessed with file          It FAILS when files are installed on local hard drive in Ubuntu Chrome  access with file            The small set of 3 files can be downloaded in a tar gzip file from here  http   issues tauren com testjson testjson tgz  When it works  the Chrome console will say   XHR finished loading   http   issues tauren com testjson data json   index html 16Using getJSON index html 21 Object result   success    proto    Object index html 22success XHR finished loading   http   issues tauren com testjson data json   index html 29Using ajax with json dataType index html 34 Object result   success    proto    Object index html 35success XHR finished loading   http   issues tauren com testjson data json   index html 46Using ajax with text dataType index html 51  result   success   index html 52undefined   When it doesn t work  the Chrome console will show this   index html 16Using getJSON index html 21null index html 22Uncaught TypeError  Cannot read property  result  of null index html 29Using ajax with json dataType index html 34null index html 35Uncaught TypeError  Cannot read property  result  of null index html 46Using ajax with text dataType index html 51 index html 52undefined   Notice that it doesn t even show the XHR requests  although the success handler is run  I swear this was working previously in Ubuntu Chrome  and am worried something got messed up  I already uninstalled and reinstalled Chrome  but that didn t help   Can someone try it out locally on your Ubuntu system and tell me if you have any troubles  Note that it seems to be working fine in Firefox

User · Answer

On Windows  Chrome might be installed in your AppData folder       C  Users  AppData Local Google Chrome Application    Before you execute the command  make sure all of your Chrome windows are closed and not otherwise running  Or  the command line param would not be effective   chrome exe --allow-file-access-from-files

User · Answer

This code worked fine with sheet jsonlocally with browser-sync as the local server   -But when on my remote server I got a 404 for the sheet json file using Chrome  It worked fine in Safari and Firefox  -Changed the name sheet json to sheet JSON  Then it worked on the remote server  Anyone else have this experience   getthejason   function    var dataurl    data sheet JSON   var xhr   new XMLHttpRequest    xhr open  GET   dataurl  true   xhr responseType    text   xhr send    console log  getthejason      xhr onload   function

User · Answer

You can place your json to js file and save it to global variable  It is not asynchronous  but it can help

User · Answer

Mike On Mac  type this in Terminal   open -b com google chrome --args --disable-web-security

User · Answer

An additional way to get around the problem is by leveraging Flash Player s Local Only security sandbox and ExternalInterface methods  One can have JavaScript request a Flash application published using the Local Only security sandbox to load the file from the hard drive  and Flash can pass the data back to JavaScript via Flash s ExternalInterface class  I ve tested this in Chrome  FF and IE9  and it works well  I d be happy to share the code if anyone is interested   EDIT  I ve started a google code  ironic   project for the implementation  http   code google com p flash-loader

User · Answer

Another way to do it is to start a local HTTP server on your directory  On Ubuntu and MacOs with Python installed  it s a one-liner   Go to the directory containing your web files  and    python -m SimpleHTTPServer   Then connect to http   localhost 8000 index html with any web browser to test your page

User · Answer

This is a known issue with Chrome   Here s the link in the bug tracker   Issue 40787  Local files doesn t load with Ajax

[ajax] Problems with jQuery getJSON using local files in Chrome

Examples related to ajax

Examples related to json

Examples related to jquery

Examples related to google-chrome