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

206 阅读 0 评论 136 点赞

我是靠谱客的博主现代小伙，最近开发中收集的这篇文章主要介绍jQuery插件jQuery-JSONP开发ajax调用使用注意事项，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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