教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jQuery插件jQuery-JSONP开发ajax调用使用注意事项

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

发布时间:2014-05-16   编辑:jiaochengji.com
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 跨域访问问题解决方法
JQuery的Ajax跨域请求原理概述及实例
jquery ajax中使用jsonp的限制解决方法
jquery下利用jsonp跨域访问实现方法
jQuery JSONP跨域需要怎样实现
jquery插件开发注意事项小结
jQuery Ajax 全解析
jQuery Ajax 实例全解析

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