新聞中心
本文實(shí)例講述了jQuery使用JSONP實(shí)現(xiàn)跨域獲取數(shù)據(jù)的三種方法。分享給大家供大家參考,具體如下:
創(chuàng)新互聯(lián)建站長(zhǎng)期為1000+客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為長(zhǎng)壽企業(yè)提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站建設(shè),長(zhǎng)壽網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
第一種方法是在ajax函數(shù)中設(shè)置dataType為'jsonp'
$.ajax({ dataType: 'jsonp', url: 'http://www.a.com/user?id=123', success: function(data){ //處理data數(shù)據(jù) } });
第二種方法是利用getJSON來實(shí)現(xiàn),只要在地址中加上callback=?參數(shù)即可
$.getJSON('http://www.a.com/user?id=123&callback=?', function(data){ //處理data數(shù)據(jù) });
第三種方法是使用getScript方法
//此時(shí)也可以在函數(shù)外定義foo方法 function foo(data){ //處理data數(shù)據(jù) } $.getScript('http://www.a.com/user?id=123&callback=foo');
實(shí)例演練:
index.html
jsonp
jsonp.php
<? $data["age"] = $_GET['age']; $data["name"] = $_GET['name']; $data["statusCode"]="200"; $data["message"]="成功"; $tmp= json_encode($data); //json數(shù)據(jù) echo $callback . '(' . $tmp .')'; //返回格式,必需 ?>
PS:關(guān)于json操作,這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用:
在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具:
http://tools.jb51.net/code/json
JSON在線格式化工具:
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉(zhuǎn)換工具:
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具:
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉(zhuǎn)義工具:
http://tools.jb51.net/code/json_yasuo_trans
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery操作json數(shù)據(jù)技巧匯總》、《jQuery form操作技巧匯總》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》及《jquery選擇器用法總結(jié)》
希望本文所述對(duì)大家jQuery程序設(shè)計(jì)有所幫助。
名稱欄目:jQuery使用JSONP實(shí)現(xiàn)跨域獲取數(shù)據(jù)的三種方法詳解
當(dāng)前路徑:http://fisionsoft.com.cn/article/iecjpc.html