Как сделать запрос XMLHttpRequest на другом домене, что такое JSONP

Объект XMLHttpRequest позволяет делать запросы на веб-службы только с того же сервера, откуда получена страница к js кодом.

Чтобы сделать запрос с другого домена нужно использовать JSONP (JSON with Padding джейсон с подкладкой).

Чтобы получить json

данные с другого домена нужно в теле body сделать запрос:

<script src="http://wickedlysmart.com/hfhtml5/chapter6/cat3.js"></script>

Содержимое этого файла:

var animal = { "type": "cat", "sound": "meow" }; animalSays(animal);

Это вызывает функцию на нашей странице animalSays которая еще не определена, поэтому в тело head вставляем:

<script>
function animalSays (q){
alert (q.type);}
</script>

Таким не хитрым способом jsonp мы сделали междоменный ajax запрос и получили данные с веб-службы находящейся на другом домене.

Некоторые вебслужбы позволяют обернуть json данные в нужную вам функцию.

Такой запрос может выглядеть так: cat3.js?callback=yournamefunc