Question

So i have a json file named array.json on my web-server i intend to read this file in my web-application locally (for now) and then on a different domain once i go live, i have created this json file myself and here is the data it contains.

 {"h1": "cmPanel", "h2" : "cmAuto", "h3": 0}

When i am trying to read the file I am not getting back a response, why would this be?

Here is my code for reading the file;

$.getJSON('http://www.foobar.com/array.json', function(data){
     alert(data);
 });

I have also tried adding &callback=? and still i receive nothing, could you please assist !

Answer 1

In order to do cross-domain ajax calls you will either need to use a proxy or JSONP. Since you’re setup for JSON already JSONP might be the easiest alternative. In short, JSONP entails wrapping your JSON data in a function call so it can be passed back to the calling script in a way that circumvents the Same Origin Policy.

In your case, you could wrap your json data with function named “myjsoncallback” so that it looks like this:

myjsoncallback({"h1": "cmPanel", "h2" : "cmAuto", "h3": 0})

And then change your ajax call to something like the following:

$.ajax({
    url: 'http://www.foobar.com/array.json',
    dataType: 'jsonp',
    jsonpCallback: 'myjsoncallback',                // Specify our callback function name
    success: function(data) { console.log(data); }
});