Как получить данные json из другого домена?

Question

Я хочу использовать изображения Google api. В прошлом, когда я работал с json, я просто использовал функцию ajax, чтобы получить json с моего собственного сервера. Но теперь я буду получать из внешнего домена:

https://ajax.googleapis.com/ajax/services/search/images?q=fuzzy monkey&v=1.0 

Очевидно, что я не могу загрузить это с помощью JS, так как его не от внутренней ссылки. Итак, в этих случаях, как работать с данными json. Вы должны загрузить его через CURL с использованием сценария на стороне сервера или есть другой способ?

Answer 1

Вы можете использовать JSONP, добавив callback GET param.

https://ajax.googleapis.com/ajax/services/search/images?q=fuzzy%20monkey&v=1.0&callback=hello

Тогда вы можете запросить его с JQuery-х $.getJSON().

$.getJSON('https://ajax.googleapis.com/ajax/services/search/images?q=fuzzy%20monkey&v=1.0&callback=?', function(response) { 
    console.log(response.responseData); 
}); 

jsFiddle.

Answer 2

Вы должны использовать Cross Origin Resource Sharing (CORS http://en.wikipedia.org/wiki/Cross-Origin_Resource_Sharing)

Это не так сложно, как это звучит ... просто установить ваши заголовки запроса надлежащим образом ... в Python это будет выглядеть так:

self.response.headers.add_header('Access-Control-Allow-Origin', '*'); 
    self.response.headers.add_header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS'); 
    self.response.headers.add_header('Access-Control-Allow-Headers', 'X-Requested-With'); 
    self.response.headers.add_header('Access-Control-Max-Age', '86400');