Cross-domain JSON request?

Question

Question:

I'm trying to use JSON accross domains, but all i find is JSON parsers, which I don't need...
I've read that it's possible to do cross-domain requests with JSON, but so far, all I see is implementations that use XMLHttpRequest...
- which means you can't use cross-domain requests, at least not outside IE 8...
I've been on http://www.json.org/, but all I find is either parsers or useless.

The best I've found with google so far is
http://devpro.it/JSON/files/JSONRequest-js.html
but this is rather a mess, doesn't work cross domain, and intra-domain neither - or rather not at all...

var the_object = {}; 
var http_request = new XMLHttpRequest();
http_request.open( "GET", url, true );
http_request.onreadystatechange = function () {
    if ( http_request.readyState == 4 && http_request.status == 200 ) {
            the_object = JSON.parse( http_request.responseText );
        }
};
http_request.send(null);

if you use "http_request.responseXML" then it will become null if your response from server is not XML. — dinesh707, Jan 17 '13 at 08:58

David Hedlund · Accepted Answer · 2010-01-13T10:33:05.507

14

What you can do cross-domain is inject a script include:

var s = document.createElement('script');
s.src = 'http://someotherdomain/getMeMyJs.aspx?parameter=value';
s.onload = someOptionalCallback;
s.type = 'text/javascript';

if(document.getElementsByTagName('head').length > 0)
    document.getElementsByTagName('head')[0].appendChild(s);

Now, the code returned by that request will be executed immediately. If you want for that to interact with your code, you can make sure that it's being returned with all data wrapped in a function call:

jsonCallback({ object: json, whatever: value });

You can use that to build APIs, where you pass the name of a callback function as a request querystring parameter. Here's an example of such an API

edited Jan 13 '10 at 10:33

answered Jan 13 '10 at 07:58

David Hedlund

128,221
31
203
222

5

This is typically referred to as JSONP (JSON with Padding). See http://en.wikipedia.org/wiki/JSONP#JSONP – Andy E Jan 13 '10 at 10:13
You should try this: s.src = 'http://google.com/complete/search?q=' + document.getElementById('txtSynonym').value + '&callback=GoogleSuggest' ; – Stefan Steiger Jan 13 '10 at 11:31

score 13 · Answer 2 · edited May 23 '17 at 10:34

JSON is just a serialization method. There is no relation whatsoever between the method of the serialization and the question of whether or not the browser will try to stop you from accessing data across domains. (This explains why you are only finding parsers - there is nothing to JSON, except encoding and decoding it).

XMLHTTPRequest is just named XML HTTPRequest. It doesn't really have anything to do with XML. It can be used to send text data, data encoded in JSON, or any others serialization method.

There are several methods to access data cross domain. one described in David Hedlund's answer. Others can be found in answers to similar questions (see here and here).

Cross-domain JSON request?

2 Answers2

Linked