首頁 > web前端 > js教程 > jquery ajax中使用jsonp的限制解決方法_jquery

jquery ajax中使用jsonp的限制解決方法_jquery

WBOY
發布: 2016-05-16 17:13:08
原創
1160 人瀏覽過

jsonp 解決的是跨域 ajax 呼叫的問題。為什麼要跨域 ajax 呼叫呢?這樣可以在一個應用程式中直接在前端透過 js 呼叫另一個應用程式(在不同的網域下)的 API。
我們在實際應用中也用到了 jsonp ,但之前只知道 jsonp 的一個限制,只能發 get 請求,get 請求的弊端是請求長度有限制。
今天,發現 jsonp 的另一個限制(在jquery ajax的場景下) —— 不會觸發 $.ajax 的error callback,範例程式碼如下:

複製程式碼 程式碼如下:

$.ajax({    error: function (xhr) {
        //發生錯誤時不會執行這個回呼>
這個限制由 jsonp 的實作機制決定。

解決方法:
使用一個 jquery 外掛程式 —— jquery-jsonp,https://github.com/jaubourg/jquery-jsonp

範例程式碼:

複製程式碼


程式碼如下:


複製程式碼

程式碼如下:$.jsonp''{$.jsonp''{

$.jsonp''> ,
    success: function (data) {
    },
    error: function (xOptions, textStat. 🎜 >


當 jsonp 請求出錯時,例如 404 錯誤,error 回呼函數會執行,輸出字串"error"。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板