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"。