jQuery-JSONP (https://github.com/jaubourg/jquery-jsonp)是一個支持 JSONP 調用的 jQuery 插件,使用它是因為它支持出錯時的 ajax 回調,而 jQuery 的 $.ajax 不支持,詳見前一篇博文 jquery ajax中使用jsonp的限制。
我們已經在實際項目中使用,在開始使用時遇到了2個問題,在這里記錄並分享一下。
JSONP 調用示例代碼:
var originImgSrc = 'cnbogs-logo.gif'; $.jsonp({ url: '', data: { imgSrc: originImgSrc }, callbackParameter: "callback", success: function (newImgSrc, textStatus, xOptions) { console.log(xOptions.data.imgSrc); }, error: function (xOptions, textStatus) { } });
第1個需要注意的地方是 callbackParameter,如果沒有專門的 callback 函數,一定要寫上 "callback";
第2個需要注意的地方是在 success 回調函數中,直接通過變量名 originImgSrc 得到的是 undefined,需要通過 xOptions.data.imgSrc 獲取。