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 获取。

 

你可能感兴趣的:(jQuery插件jQuery-JSONP使用注意)