jquery ajax中使用jsonp的限制解决方法
更新时间：2013年11月22日 15:03:38 作者：
这篇文章主要介绍了在jquery ajax中使用jsonp时的限制如何解决,大家可以参考一下这个方法
jsonp 解决的是跨域 ajax 调用的问题。为什么要跨域 ajax 调用呢？这样可以在一个应用中直接在前端通过 js 调用另外一个应用（在不同的域名下）的 API。
我们在实际应用中也用到了 jsonp ，但之前只知道 jsonp 的一个限制，只能发 get 请求，get 请求的弊端是请求长度有限制。
今天，发现 jsonp 的另外一个限制（在jquery ajax的场景下） —— 不会触发 $.ajax 的error callback，示例代码如下：
复制代码 代码如下:
$.ajax({
dataType: 'jsonp',
error: function (xhr) {
//出错时不会执行这个回调函数
}
});
这个限制由 jsonp 的实现机制决定。
解决方法：
使用一个 jquery 插件 —— jquery-jsonp，https://github.com/jaubourg/jquery-jsonp
示例代码：
复制代码 代码如下:
<script src="https://raw.github.com/jaubourg/jquery-jsonp/master/src/jquery.jsonp.js"></script>
复制代码 代码如下:
$.jsonp({
url: '',
success: function (data) {
},
error: function (xOptions, textStatus) {
console.log(textStatus);
}
});
当 jsonp 请求出错时，比如 404 错误，error 回调函数会执行，输出字符串"error"。
相关文章
这篇文章主要介绍了jQuery编程中的一些核心方法,jQuery是当下人气最高的JavaScript库,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了jQuery实现带展开动画的导航栏效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
这篇文章主要介绍了JQuery中层次选择器用法,以实例形式较为详细的分析了jQuery中层次选择器的各种常见使用技巧,并备有较为详细的注释说明,需要的朋友可以参考下2015-05-05
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
由于要获取某列中的一个ID值，如果用JS传值的方式此问题就不存在，由于此次用到的都是jquery插件，包括各种弹出框，用JS传值就得用JS那丑陋的弹出框，所以，你懂得2013-04-04
相信大家都知道jquery.cookie.js是一个轻量级的cookie 插件，可以读取、写入、删除 cookie。下面这篇文章就来给大家简单的介绍下关于jquery.cookie.js的介绍与使用方法，需要的朋友可以参考借鉴，一起来看看吧。2017-02-02
这篇文章主要给大家介绍了关于如何利用jqgrid实现上移下移单元格功能的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
当你想在有限的页面空间内展示多个内容片段的时候，手风琴（Accordion）效果就显得非常有用，它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换。借助流行的 jQuery 框架，只需很少的代码就可以实现精美的手风琴效果，帮助你的网站吸引更多用户的眼球2012-08-08
这篇文章主要介绍了jquery实现初次打开有动画效果的网页TAB切换代码,涉及jquery通过鼠标click事件控制页面元素属性的动态变换实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
本文主要介绍了js实现手机端单店铺购物车结算删除功能的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
开发前期用自动生产 固定大小的图片 进行 显示，发现不能满足，在前期的时候把保存了原图，现在只能显示原图，原图由于上传时候没有做任何限制所有要使用 图片不完全按比例缩小，下面是代码2013-07-07
最新评论