jQuery插件jQuery-JSONP使用注意
jQuery-JSONP (https://github.com/jaubourg/jquery-jsonp)是一个支持 JSONP 调用的 jQuery 插件,使用它是因为它支持出错时的 ajax 回调,而 jQuery 的 $.ajax 不支持,详见前一篇博文 jquery ajax中使用jsonp的限制。
我们已经在实际项目中使用,在开始使用时遇到了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 获取。