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