源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-07-12 14:05 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery ajax中使用jsonp的限制解决方法
jsonp 解决的是跨域 ajax 调用的问题。为什么要跨域 ajax 调用呢?这样可以在一个应用中直接在前端通过 js 调用另外一个应用(在不同的域名下)的 API。 我们在实际应用中也用到了 jsonp ,但之前只知道 jsonp 的一个限制,只能发 get 请求,get 请求的弊端是请求长度有限制。 今天,发现 jsonp 的另外一个限制(在jquery ajax的场景下) —— 不会触发 $.ajax 的error callback,示例代码如下:
[u]复制代码[/u] 代码如下:
$.ajax({     dataType: 'jsonp',                error: function (xhr) {         //出错时不会执行这个回调函数     } });
这个限制由 jsonp 的实现机制决定。 解决方法: 使用一个 jquery 插件 —— jquery-jsonp,https://github.com/jaubourg/jquery-jsonp 示例代码:
[u]复制代码[/u] 代码如下:
<script src="https://raw.github.com/jaubourg/jquery-jsonp/master/src/jquery.jsonp.js"></script>
[u]复制代码[/u] 代码如下:
$.jsonp({     url: '',     success: function (data) {     },     error: function (xOptions, textStatus) {         console.log(textStatus);     } });
当 jsonp 请求出错时,比如 404 错误,error 回调函数会执行,输出字符串"error"。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部