jquery ajax中使用jsonp的限制

jsonp 解決的是跨域 ajax 調用的問題。為什么要跨域 ajax 調用呢？這樣可以在一個應用中直接在前端通過 js 調用另外一個應用（在不同的域名下）的 API。

如果你對 JSONP 不太了解，推薦閱讀【原創】說說JSON和JSONP，也許你會豁然開朗，含jQuery用例。

我們在實際應用中也用到了 jsonp ，但之前只知道 jsonp 的一個限制，只能發 get 請求，get 請求的弊端是請求長度有限制。

今天，發現 jsonp 的另外一個限制（在jquery ajax的場景下） —— 不會觸發 $.ajax 的error callback，示例代碼如下：

$.ajax({
    dataType: 'jsonp',            
    error: function (xhr) {
        //出錯時不會執行這個回調函數
    }
});

這個限制由 jsonp 的實現機制決定。

網上找到兩篇資料談到這個問題：

[jQuery] .ajax() with dataType: 'jsonp' will not use error callback if request fails

JSONP error handling with jquery.ajax

解決方法：

使用一個 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"。