javascript – 使用jQuery AJAX的JSONP的回调函数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用jQuery AJAX的JSONP的回调函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1239字，纯文字阅读大概需要2分钟。

内容图文

我不太明白如何使用jQuery的ajax函数的回调.

我在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"});')

但后来我在浏览器控制台中收到“错误：jQuery152042227689944248825_1317400799214不是函数”.

处理这个问题的正确方法是什么？现在我得到了我需要的结果,但事实上,我知道这是不对的困扰我.

解决方法:

这就是我对我的所作所为

$(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);
  }
}

内容总结

以上是互联网集市为您收集整理的javascript – 使用jQuery AJAX的JSONP的回调函数全部内容，希望文章能够帮你解决javascript – 使用jQuery AJAX的JSONP的回调函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端