Как правильно сделать GET запрос на чужой домен с помощью jsonp?

Question

[romasovest]

Есть такой код,

$.ajax({
  url: "https://anothers-site/api",
  dataType: 'json',
  data: {
  	param0: "0",
  	param1: "1",
  	param2: "2",
  	param3: "3"
  },
  success: function(data){
  	console.log("data", data);
  }
});

он вполне работает если в браузере отключена кросс-доменная защита. Мне нужно то же самое но так чтобы без извращений с браузером :)

Насколько я понимаю мне может помочь JSONP, но не понял как именно его использовать, чтобы получить аналогичный результат. Может есть ссылка на годный русскоязычный тутор?

Comments

[Сергей delphinpro]

У вас есть доступ к another-site?

[Сергей Сергей]

https://learn.javascript.ru/ajax-jsonp
тут хорошо написано.
А для уверенности предлагаю копнуть исходники jquery на наличие чего-то подобного.

[romasovest]

Сергей, в том то и дело, что нет. Поэтому мучаю именно JSONP в силу кросс-доменности.

[romasovest]

Сергей Сергей, да, там неплохо написано, но у jquery вроде как есть отличный велосипед в виде .ajax() хотелось бы разобраться с ним.

[Сергей Сергей]

Значит предстоит долгая и нудная отладка запросов и ответов, где построчно и дословно нужно разбирать весь текст. Нужно смотреть на запрос со страницы, правильно ли он формируется, на какой юрл идет, умеет ли сервер на такой запрос отвечать, какой текст все-таки от него приходит.
Ну и вручную составить запрос и следить – открыть консоль браузера, создать тег скрипт, нацепить обработчиков, поставить источник и ждать.

[Сергей delphinpro]

romasovest,

в том то и дело, что нет. Поэтому мучаю именно JSONP в силу кросс-доменности.

Видимо вы не вполне понимаете суть вопроса.
Кросс-доменные запросы запрещены из соображений безопасности.
Обойти это нельзя.
Jsonp - это не способ обхода. Это всего лишь вариант осуществления таких запросов.
Первый - это отдача заголовка Access-Control-Allow-Origin, второй - jsonp.
Оба способа предполагают тот факт, что целевой сервер в курсе, что к нему будут делаться запросы с других доменов и формирует соответствующий ответ.

В вашем случае нужно изучить документацию по api стороннего сайта, и если он предполагает возможность кросс-доменных запросов, то сделать по его инструкции.
Иначе - никак.

Есть еще вариант с проксированием. Вы делаете запрос на серверный скрипт на своем сайте, этот скрипт делает запрос на апи, и передает результат вам.
Может такой вариант вам подойдет.

[romasovest]

Сергей, вот теперь все понятно) Вобщем то я как раз эту инфу и искал где прочитать. По глупости думал можно у кого угодно просить JSONP и никто не откажет) Спасибо.

[ой всё]

а чем вас не устраивает код в англоязычных ресурсах?

[romasovest]

Слишком много переменных:
(мои низкие навыки программирования) * (искажение автоматических переводчиков) * (неожиданность результатов) = fail

[ой всё]

romasovest, а зачем переводить код?
этот же вы не переводили
любой код все равно надо тестировать

[romasovest]

AnneSmith, ну просто код что-то не хочет работать, вот мне кажется проблема в том, что где то ошибаюсь. Пытаюсь понять где. Сейчас вот такую конструкцию пытаю

$.ajax({
    url: 'https://anothers-site/api?param0=0&param1=1&param2=2&param3=3',
    dataType: 'JSONP',
    jsonpCallback: 'callback',
    type: 'GET',
    success: function(data){
      console.log(data);
    }
});

но получаю:

Uncaught SyntaxError Unexpected token :

api?param0=0&param1=1&param2=2&param3=3&callback=callback&_=1504924954416:1

Откуда берется это двоеточие и как от него избавиться не могу понять. Да и вообще в нем ли дело, может и без него ничего хорошего не получится.

Answer 1

[Leo Developer]

JSONP не будет работать, если о нем не знает сервер