Jsonp как сделать запрос?

Вопрос-ответ JavaScript
21

Рандомность может быть в разных аспектах. Например может слать разный формат данных: json, xml, просто бинарные. Форма ответа может быть разной в json ответе одни поля есть, других нет. Случайными могут быть значения.

Чтобы понять как писать код нужно понять что именно подразумевается под рандомностью.

22

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

23

Пример кода наверно такой

$.ajax({
    url: "https://translate.yandex.net/api/v1.5/tr.json/translate",
    jsonp: "callback",
    dataType: "jsonp",
    data: {
        key: "trnsl.1.1.20130512T104455Z.8a0ed400b0d249ba.48af47e72f40c8991e4185556b825273d104af68",
        text: "Шедевр",
        callback: "processJSONP",
        lang: "ru-en"
    },
    success: function(response) {
        console.log(response);
    }
});

function processJSONP(response) {
    console.log(response);
}
1 лайк
24

Пакжите код функции processJSONP.
Что такое key?

25

А как лучше обратиться к серверу за ответом?

26

Открой Google Chrome Dev Tools и вставь код выше, будет тебе и запрос и ответ. В функции processJSONP должен быть твой код, это коллбек ответа от сервера в ней в переменной response просто данные, дальше ты решаешь что с ними делать.

27

Покажите пожалуйста код функции

28

Как правильно обращаться к серверу

29

Код из комментария Jsonp как сделать запрос? - #23 от пользователя anatooly и есть пример обращения к серверу.

Что ты подразумеваешь под “правильно”? Какие криетии “правильности”. Если критерий “правильности” - “чтобы работало”, то пример Jsonp как сделать запрос? - #23 от пользователя anatooly рабочий.

Это один из GET параметров. API сервера требудет чтобы этот параметр был передан. Под капотом jquery формирует строку как в этом комментарии, видишь среди GET параметров строки key?

Какой? processJSON? Выше написали что в этой функции у тебя в аргументах будут данные, которые передаст сервер. В примере Jsonp как сделать запрос? - #23 от пользователя anatooly функция просто выводит данные, полученные с сервера в консоль браузера.

30

А параметр key надо писать всегда?

31

Вы не знаете есть ли какая нибудь книга про jsonp?

32

key - это часть API с которым работает код примера.

Книги по jsonp нет (а если и есть, то она скорее всего бесполезна). Прочти статьи. Если можешь, то лучше на английском. По-русски статьи с habr должны быть более качественными чем с других ресурсов.

Кросс-доменные коммуникации с помощью JSONP / Хабр (старая, но корректная)

33

Что такое iframe?

34

Это легко ищется. И то объяснение что мы дадим тут не будет нисколько лучше чем того что ты найдешь на первых страницах поисковой выдачи.

35

Как посмотреть json у сайта?

36

Что надо дописывать?

37

Не у всех сайтов есть JSON API. У тех что есть и которые работают на этом API можно посмотреть в DevTools во вкладке Network по каким адресам ходит браузер чтобы забрать данные. Этот форум построен на JSON API.

Вот одна из ссылок
https://forum.jscourse.com/t/2477/posts.json?post_ids%5B%5D=15955&post_ids%5B%5D=15954&post_ids%5B%5D=15953&post_ids%5B%5D=15952&post_ids%5B%5D=15951&post_ids%5B%5D=15950&post_ids%5B%5D=15949&post_ids%5B%5D=15948&post_ids%5B%5D=15947&post_ids%5B%5D=15946&post_ids%5B%5D=15945&post_ids%5B%5D=15944&post_ids%5B%5D=15943&post_ids%5B%5D=15942&post_ids%5B%5D=15941&post_ids%5B%5D=15940&post_ids%5B%5D=15939&_=1549826867901

38

Где можно взять key?

39

Выше мы обсуждали что

Это значит что параметр key нужен для API из примеров. Набор ожидаемых/необходимых параметров зависит чисто от API. Наличие key среди параметров - это не необходимое условие json/jsonp.

40

post_ids%5B%5D=15955&post_ids%5B%5D=15954&post_ids%5B%5D=15953&post_ids%5B%5D=15952&post_ids%5B%5D=15951&post_ids%5B%5D=15950&post_ids%5B%5D=15949&post_ids%5B%5D=15948&post_ids%5B%5D=15947&post_ids%5B%5D=15946&post_ids%5B%5D=15945&post_ids%5B%5D=15944&post_ids%5B%5D=15943&post_ids%5B%5D=15942&post_ids%5B%5D=15941&post_ids%5B%5D=15940&post_ids%5B%5D=15939&_=1549826867901 что это?