欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2013年11月22日 15:03:38   作者:  
這篇文章主要介紹了在jquery ajax中使用jsonp時(shí)的限制如何解決,大家可以參考一下這個(gè)方法

jsonp 解決的是跨域 ajax 調(diào)用的問題。為什么要跨域 ajax 調(diào)用呢?這樣可以在一個(gè)應(yīng)用中直接在前端通過 js 調(diào)用另外一個(gè)應(yīng)用(在不同的域名下)的 API。
我們?cè)趯?shí)際應(yīng)用中也用到了 jsonp ,但之前只知道 jsonp 的一個(gè)限制,只能發(fā) get 請(qǐng)求,get 請(qǐng)求的弊端是請(qǐng)求長(zhǎng)度有限制。
今天,發(fā)現(xiàn) jsonp 的另外一個(gè)限制(在jquery ajax的場(chǎng)景下) —— 不會(huì)觸發(fā) $.ajax 的error callback,示例代碼如下:

復(fù)制代碼 代碼如下:

$.ajax({
    dataType: 'jsonp',           
    error: function (xhr) {
        //出錯(cuò)時(shí)不會(huì)執(zhí)行這個(gè)回調(diào)函數(shù)
    }
});

這個(gè)限制由 jsonp 的實(shí)現(xiàn)機(jī)制決定。

解決方法:

使用一個(gè) jquery 插件 —— jquery-jsonp,https://github.com/jaubourg/jquery-jsonp

示例代碼:

復(fù)制代碼 代碼如下:

<script src="https://raw.github.com/jaubourg/jquery-jsonp/master/src/jquery.jsonp.js"></script>

復(fù)制代碼 代碼如下:

$.jsonp({
    url: '',
    success: function (data) {
    },
    error: function (xOptions, textStatus) {
        console.log(textStatus);
    }
});

當(dāng) jsonp 請(qǐng)求出錯(cuò)時(shí),比如 404 錯(cuò)誤,error 回調(diào)函數(shù)會(huì)執(zhí)行,輸出字符串"error"。

相關(guān)文章

  • jQuery編程中的一些核心方法簡(jiǎn)介

    jQuery編程中的一些核心方法簡(jiǎn)介

    這篇文章主要介紹了jQuery編程中的一些核心方法,jQuery是當(dāng)下人氣最高的JavaScript庫(kù),需要的朋友可以參考下
    2015-08-08
  • jQuery實(shí)現(xiàn)帶展開動(dòng)畫的導(dǎo)航欄效果

    jQuery實(shí)現(xiàn)帶展開動(dòng)畫的導(dǎo)航欄效果

    這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)帶展開動(dòng)畫的導(dǎo)航欄效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-07-07
  • JQuery中層次選擇器用法實(shí)例詳解

    JQuery中層次選擇器用法實(shí)例詳解

    這篇文章主要介紹了JQuery中層次選擇器用法,以實(shí)例形式較為詳細(xì)的分析了jQuery中層次選擇器的各種常見使用技巧,并備有較為詳細(xì)的注釋說(shuō)明,需要的朋友可以參考下
    2015-05-05
  • jQuery學(xué)習(xí)筆記(4)--Jquery中獲取table中某列值的具體思路

    jQuery學(xué)習(xí)筆記(4)--Jquery中獲取table中某列值的具體思路

    由于要獲取某列中的一個(gè)ID值,如果用JS傳值的方式此問題就不存在,由于此次用到的都是jquery插件,包括各種彈出框,用JS傳值就得用JS那丑陋的彈出框,所以,你懂得
    2013-04-04
  • jquery.cookie.js的介紹與使用方法

    jquery.cookie.js的介紹與使用方法

    相信大家都知道jquery.cookie.js是一個(gè)輕量級(jí)的cookie 插件,可以讀取、寫入、刪除 cookie。下面這篇文章就來(lái)給大家簡(jiǎn)單的介紹下關(guān)于jquery.cookie.js的介紹與使用方法,需要的朋友可以參考借鑒,一起來(lái)看看吧。
    2017-02-02
  • 利用jqgrid實(shí)現(xiàn)上移下移單元格功能

    利用jqgrid實(shí)現(xiàn)上移下移單元格功能

    這篇文章主要給大家介紹了關(guān)于如何利用jqgrid實(shí)現(xiàn)上移下移單元格功能的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2018-11-11
  • 精心挑選的12款優(yōu)秀的基于jQuery的手風(fēng)琴效果插件和教程

    精心挑選的12款優(yōu)秀的基于jQuery的手風(fēng)琴效果插件和教程

    當(dāng)你想在有限的頁(yè)面空間內(nèi)展示多個(gè)內(nèi)容片段的時(shí)候,手風(fēng)琴(Accordion)效果就顯得非常有用,它可以幫助你以對(duì)用戶非常友好的方式實(shí)現(xiàn)多個(gè)內(nèi)容片段之間的切換。借助流行的 jQuery 框架,只需很少的代碼就可以實(shí)現(xiàn)精美的手風(fēng)琴效果,幫助你的網(wǎng)站吸引更多用戶的眼球
    2012-08-08
  • jquery實(shí)現(xiàn)初次打開有動(dòng)畫效果的網(wǎng)頁(yè)TAB切換代碼

    jquery實(shí)現(xiàn)初次打開有動(dòng)畫效果的網(wǎng)頁(yè)TAB切換代碼

    這篇文章主要介紹了jquery實(shí)現(xiàn)初次打開有動(dòng)畫效果的網(wǎng)頁(yè)TAB切換代碼,涉及jquery通過鼠標(biāo)click事件控制頁(yè)面元素屬性的動(dòng)態(tài)變換實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-09-09
  • jquery實(shí)現(xiàn)手機(jī)端單店鋪購(gòu)物車結(jié)算刪除功能

    jquery實(shí)現(xiàn)手機(jī)端單店鋪購(gòu)物車結(jié)算刪除功能

    本文主要介紹了js實(shí)現(xiàn)手機(jī)端單店鋪購(gòu)物車結(jié)算刪除功能的示例代碼,具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧
    2017-02-02
  • jquery圖片不完全按比例自動(dòng)縮小的簡(jiǎn)單代碼

    jquery圖片不完全按比例自動(dòng)縮小的簡(jiǎn)單代碼

    開發(fā)前期用自動(dòng)生產(chǎn) 固定大小的圖片 進(jìn)行 顯示,發(fā)現(xiàn)不能滿足,在前期的時(shí)候把保存了原圖,現(xiàn)在只能顯示原圖,原圖由于上傳時(shí)候沒有做任何限制所有要使用 圖片不完全按比例縮小,下面是代碼
    2013-07-07

最新評(píng)論