jquery ajax中使用jsonp的限制解決方法
更新時(shí)間：2013年11月22日 15:03:38 作者：
這篇文章主要介紹了在jquery ajax中使用jsonp時(shí)的限制如何解決,大家可以參考一下這個(gè)方法
jsonp 解決的是跨域 ajax 調(diào)用的問題。為什么要跨域 ajax 調(diào)用呢？這樣可以在一個(gè)應(yīng)用中直接在前端通過 js 調(diào)用另外一個(gè)應(yīng)用（在不同的域名下）的 API。
我們在實(shí)際應(yīng)用中也用到了 jsonp ，但之前只知道 jsonp 的一個(gè)限制，只能發(fā) get 請求，get 請求的弊端是請求長度有限制。
今天，發(fā)現(xiàn) jsonp 的另外一個(gè)限制（在jquery ajax的場景下） —— 不會觸發(fā) $.ajax 的error callback，示例代碼如下：
復(fù)制代碼 代碼如下:
$.ajax({
dataType: 'jsonp',
error: function (xhr) {
//出錯(cuò)時(shí)不會執(zhí)行這個(gè)回調(diào)函數(shù)
}
});
這個(gè)限制由 jsonp 的實(shí)現(xiàn)機(jī)制決定。
解決方法：
使用一個(gè) jquery 插件 —— jquery-jsonp，https://github.com/jaubourg/jquery-jsonp
示例代碼：
復(fù)制代碼 代碼如下:
<script src="https://raw.github.com/jaubourg/jquery-jsonp/master/src/jquery.jsonp.js"></script>
復(fù)制代碼 代碼如下:
$.jsonp({
url: '',
success: function (data) {
},
error: function (xOptions, textStatus) {
console.log(textStatus);
}
});
當(dāng) jsonp 請求出錯(cuò)時(shí)，比如 404 錯(cuò)誤，error 回調(diào)函數(shù)會執(zhí)行，輸出字符串"error"。
相關(guān)文章
文本溢出插件jquery.dotdotdot.js使用方法詳解
這篇文章主要介紹了文本溢出插件jquery.dotdotdot.js使用方法詳解,需要的朋友可以參考下2017-06-06
五個(gè)jQuery圖片畫廊插件，需要的朋友可以參考下。2011-05-05
jQuery簡單實(shí)現(xiàn)向列表動態(tài)添加新元素的方法示例
這篇文章主要介紹了jQuery簡單實(shí)現(xiàn)向列表動態(tài)添加新元素的方法,涉及jQuery事件響應(yīng)及頁面元素動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-12-12
本文羅列了23款目前非常受歡迎的jQuery插件，可以輕松建立起唯美的圖片切換特效的相冊功能，并且其中的一些還支持視頻和Flash。2011-04-04
深入理解jQuery中l(wèi)ive與bind方法的區(qū)別
本篇文章主要是對jQuery中l(wèi)ive與bind方法的區(qū)別進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
jQuery Easy UI中根據(jù)第一個(gè)下拉框選中的值設(shè)置第二個(gè)下拉框是否可以編輯
這篇文章主要介紹了jQuery Easy UI中根據(jù)第一個(gè)下拉框選中的值設(shè)置第二個(gè)下拉框是否可以編輯的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
本文給大家總結(jié)了幾種使用jQuery實(shí)現(xiàn)的分頁插件，效果非常不錯(cuò)，有需要的小伙伴可以參考下。2015-11-11
這篇文章主要介紹了jQuery Dialog對話框事件用法,結(jié)合實(shí)例形式分析了Dialog對話框?qū)崿F(xiàn)的靜態(tài)提示類對話框、動態(tài)提示類對話框以及遮罩類對話框的概念、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-05-05
jquery入門——事件機(jī)制之事件中的冒泡現(xiàn)象示例解釋
事件被觸發(fā)后被分為兩個(gè)階段，一個(gè)是捕獲（Capture），另一個(gè)是冒泡(Bubbing)，但大多瀏覽器并不是都支持捕獲階段，因此事件被觸發(fā)后，往往執(zhí)行冒泡過程,感興趣的朋友可以了解下，或許對你學(xué)習(xí)事件機(jī)制有所幫助2013-02-02
最近項(xiàng)目中使用了一些插件來做頁面，這里把jQuery UI的使用分享出來，希望 對新手有幫助。文章結(jié)尾附源碼下載2012-10-10