jquery ajax中使用jsonp的限制

2022-01-14 22:04:37 字數 864 閱讀 3071

jsonp 解決的是跨域 ajax 呼叫的問題。為什麼要跨域 ajax 呼叫呢?這樣可以在乙個應用中直接在前端通過 js 呼叫另外乙個應用(在不同的網域名稱下)的 api。

如果你對 jsonp 不太了解,推薦閱讀【原創】說說json和jsonp,也許你會豁然開朗,含jquery用例。

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

今天,發現 jsonp 的另外乙個限制(在jquery ajax的場景下) —— 不會觸發 $.ajax 的error callback,示例**如下:

$.ajax(

});

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

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

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

jsonp error handling with jquery.ajax

解決方法:

使用乙個 jquery 外掛程式 —— jquery-jsonp,

示例**:

<

script

src=""

>

script

>

$.jsonp(,

error:

function

(xoptions, textstatus)

});

當 jsonp 請求出錯時,比如 404 錯誤,error **函式會執行,輸出字串"error"。 

JQuery AJAX 提交js陣列

例如 var data no 001 name 張三 score 80,75,82,66,70 post url,param data,true callbackfunc jquery.param object,traditional 引數 描述object 要進行序列化的陣列或物件。traditi...

jQuery Ajax使用例項

jquery在非同步提交方面封裝的很好,直接用ajax非常麻煩,jquery大大簡化了我們的操作,不用考慮瀏覽器的差異了。post get是一些簡單的方法,如果要處理複雜的邏輯,還是需要用到jquery.ajax 一 ajax的一般格式12 3456 7 ajax 二 ajax的引數描述 引數 描述...

使用JQuery ajax上傳檔案

src class file input type file id file upload btn uploadbutton function error function xhr,textstatus,errorthrown 注意在ajax須將contenttype和processdata設定為f...