JSON HTTP Request Not Working on Mac OSX

Question

I have been using an HTTP request in a JS file to retrieve information from a local JSON file. It works just fine on my Windows computer in Firefox and Chrome, but when run on a Mac, the Chrome debugger throws an error saying that Cross origin requests are only supported for HTTP... My HTTP request code is as follows:

var xhr = new XMLHttpRequest();

xhr.open("GET", "sample.json", true);

xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
        var status = xhr.status;

        if ((status >= 200 && status < 300) || status === 305) {
            var myData = JSON.parse(xhr.responseText);
            window.myData = myData;
            showAll(myData);
        }
    }
};

xhr.send(null);

Any ideas? Thanks

Yes, this is a security issue. You need to run this on a server, and the `file:///` protocol is not supported for such kind of requests! — Praveen Kumar Purushothaman, Jun 16 '15 at 12:33
@Lau — Of course not. You can't send HTTP headers without HTTP. — Quentin, Jun 16 '15 at 12:33

score 0 · Accepted Answer · answered Jun 16 '15 at 12:35

0

Yes, this is a security issue. You need to run this on a server, and the file:/// protocol is not supported for such kind of requests! AJAX is a proper HTTP request response kind of concept and you cannot use file:/// protocol or use different protocols for the transaction.

answered Jun 16 '15 at 12:35

Praveen Kumar Purushothaman

164,888
24
203
252

Okay, but how come it was working fine on Windows when we are both using Chrome? – Mike Jun 16 '15 at 12:39
The browser you are using might be pretty old. New versions of Chrome and Firefox on the Stable channel are very strict in these kind of CORS. – Praveen Kumar Purushothaman Jun 16 '15 at 12:41
There are 100s of free HTTP servers available for Mac. Use MAMP, AMPPS, XAMPP, etc. `:D` – Praveen Kumar Purushothaman Jun 16 '15 at 12:42
Could it be because, on Windows, I am using NetBeans to run the project on a server, and on the Mac, we are just dragging the HTML file directly to the browser? – Mike Jun 16 '15 at 12:49
There you go! Yes. NetBeans by default runs on either Apache HTTPD Server or TomCat Server! `:D` – Praveen Kumar Purushothaman Jun 16 '15 at 12:56
NetBeans is also available for Mac. You can do the same way you do in Windows! Trust me, it is easy! – Praveen Kumar Purushothaman Jun 16 '15 at 12:57

JSON HTTP Request Not Working on Mac OSX

1 Answers1