Функция обратного вызова для JSONP с JQuery AJAX - PullRequest
Новая
       7

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

25 голосов
/ 30 сентября 2011

Я не совсем понял, как работать с обратным вызовом для функции 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" в браузере.

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

Ответы [ 3 ]

30 голосов
/ 30 сентября 2011

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

$(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);
  }
}
13 голосов
/ 30 сентября 2011

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

jsonp: 'jsonp_callback',

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

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

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

9 голосов
/ 27 июня 2015 
$.ajax({
        url: 'http://url.of.my.server/submit',
        dataType: "jsonp",
        jsonp: 'callback',
        jsonpCallback: 'jsonp_callback'
    });

jsonp - это имя параметра строки запроса, которое определено как приемлемое для сервера, в то время как 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 с? заполнитель будет генерировать случайную функцию, в то время как предопределенное поведение автоматически сгенерированной функции просто вызовет обратный вызов: 

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