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插件jQuery-JSONP开发ajax调用使用注意事项
jquery ajax中使用jsonp的限制解决方法
jQuery JSONP跨域需要怎样实现
jquery插件开发注意事项小结
jQuery Ajax 实例全解析
关于javascript跨域及JSONP的原理与应用
jQuery源码分析系列(35) : Ajax – jsonp的实现与原理
用jQuery与JSONP轻松解决跨域访问的问题
JQuery中$.ajax()方法参数详解及应用
jQuery最佳实践

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