jquery下利用jsonp跨域訪問實(shí)現(xiàn)方法
更新時(shí)間：2010年07月29日 12:42:20 作者：
客戶端的跨域訪問，可以通過jsonp方式來實(shí)現(xiàn)，jquery提供了跨域訪問的方法，jQuery.ajax()支持get方式的跨域。當(dāng)然支持跨域還需要服務(wù)器端相應(yīng)的處理。
復(fù)制代碼 代碼如下:
$.ajax({
async:false,
url: '', // 跨域URL
type: 'GET',
dataType: 'jsonp',
jsonp: 'jsoncallback', //默認(rèn)callback
data: mydata, //請(qǐng)求數(shù)據(jù)
timeout: 5000,
beforeSend: function(){ //jsonp 方式此方法不被觸發(fā)。原因可能是dataType如果指定為jsonp的話，就已經(jīng)不是ajax事件了
},
success: function (json) { //客戶端jquery預(yù)先定義好的callback函數(shù)，成功獲取跨域服務(wù)器上的json數(shù)據(jù)后，會(huì)動(dòng)態(tài)執(zhí)行這個(gè)callback函數(shù)
if(json.actionErrors.length!=0){
alert(json.actionErrors);
}
},
complete: function(XMLHttpRequest, textStatus){
},
error: function(xhr){
//jsonp 方式此方法不被觸發(fā)
//請(qǐng)求出錯(cuò)處理
alert("請(qǐng)求出錯(cuò)(請(qǐng)檢查相關(guān)度網(wǎng)絡(luò)狀況.)");
}
});
復(fù)制代碼 代碼如下:
$.getJSON(url+"?callback=?",
function(json){
});
這種方式其實(shí)是上例$.ajax({..}) 的一種高級(jí)封裝。
在服務(wù)端通過獲得callback參數(shù)(如：jsonp*****)得到j(luò)Query端隨后要回調(diào)的
然后返回類似:"jsonp*****("+要返回的json數(shù)組+")";
jquery就會(huì)通過回調(diào)方法動(dòng)態(tài)加載調(diào)用這個(gè):jsonp*****(json數(shù)組);
這樣就達(dá)到了跨域數(shù)據(jù)交換的目的.
JSONP是一種腳本注入(Script Injection)行為，所以也有一定的安全隱患。
注意：jquey是不支持post方式跨域的。
參考:http://www.ibm.com/developerworks/cn/web/wa-aj-jsonp1/
相關(guān)文章
下面小編就為大家?guī)硪黄仙Ｕ凧Query data方法的使用。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
jQuery實(shí)現(xiàn)簡(jiǎn)潔的導(dǎo)航菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)潔的導(dǎo)航菜單效果，簡(jiǎn)潔大方的導(dǎo)航菜單，需要的朋友可以參考下2015-11-11
在博客園發(fā)布了柱狀圖JQUBar1.0 jQuery 插件。現(xiàn)將該插件升級(jí)為1.1版本。2010-11-11
jquery實(shí)現(xiàn)點(diǎn)擊TreeView文本父節(jié)點(diǎn)展開/折疊子節(jié)點(diǎn)
今天客戶提出要點(diǎn)擊菜單（TreeView實(shí)現(xiàn)的）的父級(jí)節(jié)點(diǎn)時(shí)，展開節(jié)點(diǎn),很多新手朋友可能對(duì)此會(huì)很陌生，接下來介紹解決方法，感興趣的朋友可以了解下2013-01-01
基于jQuery實(shí)現(xiàn)咖啡訂單管理簡(jiǎn)單應(yīng)用
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)咖啡訂單管理的簡(jiǎn)單應(yīng)用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
AMD異步模塊定義介紹和Require.js中使用jQuery及jQuery插件的方法
這篇文章主要介紹了AMD異步模塊定義介紹和Require.js中使用jQuery及jQuery插件的方法,需要的朋友可以參考下2014-06-06
在jQuery ajax中按鈕button和submit的區(qū)別分析
昨天在使用jQuery ajax的post方法進(jìn)行頁(yè)面?zhèn)髦?，無刷新獲取數(shù)據(jù)展示，弄了半天就是沒有效果，看了半天也沒有語法錯(cuò)誤，最后才終于明白問題出在哪里2012-10-10
jQuery實(shí)現(xiàn)帶右側(cè)索引功能的通訊錄示例【附源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶右側(cè)索引功能的通訊錄,結(jié)合實(shí)例形式分析了jQuery針對(duì)頁(yè)面元素動(dòng)態(tài)遍歷、排序等相關(guān)操作技巧,并附源碼供讀者下載參考,需要的朋友可以參考下2018-04-04
jPlayer是一個(gè)JavaScript寫的完全免費(fèi)和開源的jQuery多媒體庫(kù)插件，這篇文章主要介紹了基于jPlayer三分屏的制作方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了jQuery中的基本選擇器用法,文中分簡(jiǎn)單、進(jìn)階、高階三個(gè)部分來講解,十分詳細(xì),需要的朋友可以參考下2016-04-04