jQuery插件jQuery-JSONP开发ajax调用使用注意事项_jquery
程序员文章站
2022-04-14 14:13:42
...
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) {
}
});
复制代码 代码如下:
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调用使用注意事项
-
jquery1.8版本使用ajax实现微信调用出现的问题分析及解决办法
-
JSP+jquery使用ajax方式调用json的实现方法
-
JavaScript开发中如何使用jQuery jqPlot插件绘制柱状图
-
jQuery的ajax传参巧用JSON使用示例(附Json插件)
-
使用jquery 的ajax调用总是错误亲测的解决方法
-
jquery使用ajax实现微信自动回复插件
-
jQuery Ajax使用心得详细整理及注意事项
-
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
-
jquery ajax开发中如何使用XMLHttpRequest对象的responseXML