失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > jquery ajax中使用jsonp的限制解决方法【jquery】

jquery ajax中使用jsonp的限制解决方法【jquery】

时间:2021-01-01 10:29:46

相关推荐

jquery ajax中使用jsonp的限制解决方法【jquery】

web前端|js教程

ajax,jsonp

web前端-js教程

jsonp 解决的是跨域 ajax 调用的问题。为什么要跨域 ajax 调用呢?这样可以在一个应用中直接在前端通过 js 调用另外一个应用(在不同的域名下)的 API。

我们在实际应用中也用到了 jsonp ,但之前只知道 jsonp 的一个限制,只能发 get 请求,get 请求的弊端是请求长度有限制。

今天,发现 jsonp 的另外一个限制(在jquery ajax的场景下) —— 不会触发 $.ajax 的error callback,示例代码如下:

redui源码,vscode参数类型,ubuntu宝典,tomcat访问函数,安卓中sqlite创建,wordpress 自定义 插件,热更新可以更新前端框架吗,爬虫动态cookie如何解决,php 动态 时间,南京seo优化步骤,discuz网站底部滚动图片代码,网页源文件制作,淘宝模板开发者lzw

$.ajax({

dataType: jsonp,

error: function (xhr) {

//出错时不会执行这个回调函数

}

});

这个限制由 jsonp 的实现机制决定。

解决方法:

使用一个 jquery 插件 —— jquery-jsonp,/jaubourg/jquery-jsonp

示例代码:

动站源码下载,vscode终端切换路径,ubuntu 无法输入,tomcat目录内容,sqlite插入一列,爬虫能爬银行卡消费,php如何调用函数,江宁seo优化首页,用wordpress做视频网站,dede 采集单个网页-url 怎么使用,app登录界面模板下载lzw

保修平台源码,ubuntu安装印象笔记,爬虫 软件 知乎,php没放,seo年龄大lzw

$.jsonp({

url: \,

success: function (data) {

},

error: function (xOptions, textStatus) {

console.log(textStatus);

}

});

当 jsonp 请求出错时,比如 404 错误,error 回调函数会执行,输出字符串”error”。

如果觉得《jquery ajax中使用jsonp的限制解决方法【jquery】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。