Трудности с использованием JSONP в jQuery

Question

Трудности с использованием JSONP в jQuery

0

Я читаю JSONP и пытаюсь получить рабочую реализацию. В приведенном ниже коде представлено мое понимание того, как это должно выглядеть с помощью jQuery. По какой-то причине я не могу заставить это работать, и я не знаю почему. Я видел много примеров скриптов в Интернете, но по какой-то причине никто из них не работает для меня. Может ли кто-нибудь помочь? Правильно ли я делаю это?

Здесь сценарий JSONP:

<script type="text/javascript">
$(document).ready(function() {
    var url =  "http://www.example.com/blog/?json=get_recent_posts";
    $.getJSON(url + "?callback=?", function(data) {
        $("#output_div").append("<p>" + data.posts[2].title + "</p>");
        }
    });
});
</script>

... и я написал div как это:

<div id="output_div"> </div>

Благодарю!

shmuli 15 нояб. 2013, в 01:33

Источник

1

Возвращает ли сервер, запрашивающий у вас данные, JSONP, и это не то же самое, что обычный JSON, поскольку JSONP заключен в функцию и работает совершенно иначе, чем вызов ajax.
adeneo 15 нояб. 2013, в 00:08
0

Нет, насколько мне известно, он возвращает обычный JSON. Я не знал, что это должно быть выведено также в JSONP. Я не видел упоминаний об этом во всех моих чтениях. Я понял, что JSONP - это просто реализация на стороне клиента. Это неправильно?
shmuli 15 нояб. 2013, в 00:11
1

Это неверно, JSONP решает проблему кросс-источника, вставляя тег сценария в DOM, поэтому на самом деле это не XMLHttpRequest, а аккуратно упакованный, как в jQuery, и для получения данных из вставленного сценария JSON должен быть обернутым в функцию, которая была бы функцией обратного вызова, и jQuery создает случайное имя для этой функции и вызывает его, когда скрипт загружен для получения содержимого. Другими словами, чтобы выполнить вызов JSONP, сервер должен вернуть действительный JSONP, а не только JSON.
adeneo 15 нояб. 2013, в 00:14
0

С другой стороны, многие API поддерживают CORS, где это не проблема?
adeneo 15 нояб. 2013, в 00:15
0

Ответ Аруна закончился тем, что работал на меня. Можете ли вы объяснить, как это работает, если мне нужен правильный формат JSON с сервера?
shmuli 15 нояб. 2013, в 00:21
1

Сервер либо возвращает действительный JSONP, либо поддерживает CORS, либо не является перекрестным источником.
adeneo 15 нояб. 2013, в 00:43
0

Спасибо за вашу помощь, +1 для вас. :)
shmuli 15 нояб. 2013, в 00:45

Показать ещё 5 комментариев

Теги:

javascript

jquery

json

jsonp

1 ответ

Ещё вопросы

Возвращает ли сервер, запрашивающий у вас данные, JSONP, и это не то же самое, что обычный JSON, поскольку JSONP заключен в функцию и работает совершенно иначе, чем вызов ajax.
Нет, насколько мне известно, он возвращает обычный JSON. Я не знал, что это должно быть выведено также в JSONP. Я не видел упоминаний об этом во всех моих чтениях. Я понял, что JSONP - это просто реализация на стороне клиента. Это неправильно?
Это неверно, JSONP решает проблему кросс-источника, вставляя тег сценария в DOM, поэтому на самом деле это не XMLHttpRequest, а аккуратно упакованный, как в jQuery, и для получения данных из вставленного сценария JSON должен быть обернутым в функцию, которая была бы функцией обратного вызова, и jQuery создает случайное имя для этой функции и вызывает его, когда скрипт загружен для получения содержимого. Другими словами, чтобы выполнить вызов JSONP, сервер должен вернуть действительный JSONP, а не только JSON.
С другой стороны, многие API поддерживают CORS, где это не проблема?
Ответ Аруна закончился тем, что работал на меня. Можете ли вы объяснить, как это работает, если мне нужен правильный формат JSON с сервера?
Сервер либо возвращает действительный JSONP, либо поддерживает CORS, либо не является перекрестным источником.
Спасибо за вашу помощь, +1 для вас. :)

Arun P Johny · Accepted Answer · 2013-11-14T21-44-00.000Z

Поскольку callback является вторым параметром, вам нужно использовать & чтобы добавить его к URL-адресу, например url + "&callback=?" или

$(document).ready(function () {
    var url = "http://www.example.com/blog/?json=get_recent_posts&callback=?";
    $.getJSON(url, function (data) {
        $("#output_div").append("<p>" + data.posts[2].title + "</p>");
    });
});

Это не повлияло на результаты ... Chrome выдает следующую синтаксическую ошибку: "Неожиданный токен}". Что это такое?
@shmuli в коде был дополнительный } ... исправлено
Спасибо, что получил это работает! Теперь я могу изучить это и изучить это глубже. Я ценю вашу помощь!:)
Я попытался нажать на чек, и я случайно ударил вниз голосов. Я удалил отрицательный голос и отметил это как правильный ответ. Таким образом, система должна удалить это понижение для вас ...