jquery ajax中使用jsonp的限制解決方法
jsonp 解決的是跨域 ajax 調(diào)用的問題。為什么要跨域 ajax 調(diào)用呢?這樣可以在一個應(yīng)用中直接在前端通過 js 調(diào)用另外一個應(yīng)用(在不同的域名下)的 API。
我們在實際應(yīng)用中也用到了 jsonp ,但之前只知道 jsonp 的一個限制,只能發(fā) get 請求,get 請求的弊端是請求長度有限制。
今天,發(fā)現(xiàn) jsonp 的另外一個限制(在jquery ajax的場景下) —— 不會觸發(fā) $.ajax 的error callback,示例代碼如下:
$.ajax({
dataType: 'jsonp',
error: function (xhr) {
//出錯時不會執(zhí)行這個回調(diào)函數(shù)
}
});
這個限制由 jsonp 的實現(xiàn)機(jī)制決定。
解決方法:
使用一個 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 請求出錯時,比如 404 錯誤,error 回調(diào)函數(shù)會執(zhí)行,輸出字符串"error"。
相關(guān)文章
jQuery實現(xiàn)帶展開動畫的導(dǎo)航欄效果
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)帶展開動畫的導(dǎo)航欄效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-07-07jQuery學(xué)習(xí)筆記(4)--Jquery中獲取table中某列值的具體思路
由于要獲取某列中的一個ID值,如果用JS傳值的方式此問題就不存在,由于此次用到的都是jquery插件,包括各種彈出框,用JS傳值就得用JS那丑陋的彈出框,所以,你懂得2013-04-04精心挑選的12款優(yōu)秀的基于jQuery的手風(fēng)琴效果插件和教程
當(dāng)你想在有限的頁面空間內(nèi)展示多個內(nèi)容片段的時候,手風(fēng)琴(Accordion)效果就顯得非常有用,它可以幫助你以對用戶非常友好的方式實現(xiàn)多個內(nèi)容片段之間的切換。借助流行的 jQuery 框架,只需很少的代碼就可以實現(xiàn)精美的手風(fēng)琴效果,幫助你的網(wǎng)站吸引更多用戶的眼球2012-08-08jquery實現(xiàn)初次打開有動畫效果的網(wǎng)頁TAB切換代碼
這篇文章主要介紹了jquery實現(xiàn)初次打開有動畫效果的網(wǎng)頁TAB切換代碼,涉及jquery通過鼠標(biāo)click事件控制頁面元素屬性的動態(tài)變換實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09jquery實現(xiàn)手機(jī)端單店鋪購物車結(jié)算刪除功能
本文主要介紹了js實現(xiàn)手機(jī)端單店鋪購物車結(jié)算刪除功能的示例代碼,具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02