Функция обратного вызова для JSONP с JQuery ajax

Я не совсем понял, как работать с обратным вызовом для ajax-функции JQuery.

У меня есть следующий код в JavaScript:

    try {
        $.ajax({
            url: 'http://url.of.my.server/submit?callback=?',
            cache: false,
            type: 'POST',
            data: $("#survey").serialize(),
            dataType: "jsonp",
            timeout: 200,
            crossDomain: true,
            jsonp: 'jsonp_callback',
            success: function (data, status) {
                mySurvey.closePopup();
            },
            error: function (xOptions, textStatus) {
                mySurvey.closePopup();
            }
        });
    } catch (err) {
        mySurvey.closePopup();
    }

И на стороне сервера (AppEngine/Python) я получаю значение параметра обратного вызова и отвечаю

    self.response.headers['Content-Type'] = 'application/json; charset=utf-8'
    self.response.out.write(callback + '({"msg": "ok"});')

Но затем я получаю "Error: jQuery152042227689944248825_1317400799214 is not a function" в браузере.

Каков правильный способ справиться с этим? Прямо сейчас я получаю результаты, которые мне нужны, но тот факт, что я знаю, что это неправильно, беспокоит меня.

Ответы

Ответ 1

Это то, что я делаю на моем

 $(document).ready(function () {
if ($('#userForm').valid()) {
                var formData = $("#userForm").serializeArray();
                $.ajax({
                    url: 'http://www.example.com/user/' + $('#Id').val() + '?callback=?',
                    type: "GET",
                    data: formData,
                    dataType: "jsonp",
                    jsonpCallback: "localJsonpCallback"
                });
    });

 function localJsonpCallback(json) {
        if (!json.Error) {
            $('#resultForm').submit();
        }
        else {
            $('#loading').hide();
            $('#userForm').show();
            alert(json.Message);
        }
    }

Ответ 2

удалите эту строку:

jsonp: 'jsonp_callback',

Или замените эту строку:

url: 'http://url.of.my.server/submit?callback=json_callback',

потому что в настоящее время вы запрашиваете jQuery для создания произвольного имени функции обратного вызова с помощью callback=?, а затем сообщая jQuery, что вы хотите использовать jsonp_callback вместо этого.

Ответ 3

$.ajax({
        url: 'http://url.of.my.server/submit',
        dataType: "jsonp",
        jsonp: 'callback',
        jsonpCallback: 'jsonp_callback'
    });

jsonp - это имя параметра querystring, которое определено как приемлемое для сервера, а jsonpCallback - это имя функции javascript, которое должно выполняться на клиенте.
Когда вы используете такой URL:

url: 'http://url.of.my.server/submit?callback=?'

знак вопроса? в конце инструктирует jQuery генерировать случайную функцию, в то время как предопределенное поведение автогенерированной функции просто вызывает обратный вызов - функцию sucess в этом случае - передачу json-данных в качестве параметра.

$.ajax({
        url: 'http://url.of.my.server/submit?callback=?',
        success: function (data, status) {
            mySurvey.closePopup();
        },
        error: function (xOptions, textStatus) {
            mySurvey.closePopup();
        }
    });

То же самое происходит, если вы используете $.getJSON с? placeholder, он будет генерировать случайную функцию, тогда как предопределенное поведение автогенерированной функции просто вызовет обратный вызов:

$.getJSON('http://url.of.my.server/submit?callback=?',function(data){
//process data here
});