Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery插件jQuery-JSONP开发ajax调用使用注意事项

jQuery插件jQuery-JSONP开发ajax调用使用注意事项

发布时间:2014-05-16   编辑:www.jquerycn.cn
jQuery-JSONP是一个支持 JSONP 调用的 jQuery 插件,使用它是因为它支持出错时的 ajax 回调,而 jQuery 的 $.ajax 不支持,我们已经在实际项目中使用,在开始使用时遇到了2个问题,在这里记录并分享一下。

JSONP 调用示例代码:

复制代码 代码如下:

var originImgSrc = 'cnbogs-logo.gif';
$.jsonp({
    url: '',
    data: { imgSrc: originImgSrc },
    callbackParameter: "callback",
    success: function (newImgSrc, textStatus, xOptions) {
        console.log(xOptions.data.imgSrc);
    },
    error: function (xOptions, textStatus) {
    }
});

第1个需要注意的地方是 callbackParameter,如果没有专门的 callback 函数,一定要写上 "callback";

第2个需要注意的地方是在 success 回调函数中,直接通过变量名 originImgSrc 得到的是 undefined,需要通过 xOptions.data.imgSrc 获取。

您可能感兴趣的文章:
jquery ajax中使用jsonp的限制解决方法
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
探讨JQUERY JSON的反序列化类 using问题的解决方法
jquery将一个表单序列化为一个对象的方法
jquery ajax跨域解决方法(json方式)
jQuery中使用Ajax获取JSON格式数据示例代码
jquery教程ajax请求json数据示例
基于jquery异步传输json数据格式实例代码
JQuery的Ajax跨域请求原理概述及实例
跨域请求之jQuery的ajax jsonp的使用解惑

关键词: jQuery-JSONP  ajax  注意事项   
[关闭]