跨域,json与jsonp格式
? ? ? ? ?好久都沒(méi)有寫(xiě)隨筆了,最近大家都忙著考試要放假了,我也要忙一忙嘍.....不過(guò)再忙我還是來(lái)啦 ?
? ? ? ? 簡(jiǎn)單的說(shuō),json是一種輕量級(jí)的數(shù)據(jù)交換格式。平時(shí)我們使用ajax等使用的一種數(shù)據(jù)形式,那么今天就說(shuō)說(shuō)jsonp是個(gè)什么鬼。首先接觸的時(shí)候也是一臉懵逼,都不清楚這是什么東西,上網(wǎng)搜啊查啊,最后才弄明白了。
? ? ? ? 我們平時(shí)在寫(xiě)項(xiàng)目的時(shí)候前端后端交互數(shù)據(jù)用的是json,但是如果你想跨域進(jìn)行數(shù)據(jù)訪(fǎng)問(wèn),比如別的網(wǎng)站想看到你的數(shù)據(jù)或者你想看到別人的數(shù)據(jù),不能用json格式進(jìn)行傳送數(shù)據(jù),有才的人啊就發(fā)現(xiàn)還有jsonp。老實(shí)說(shuō),jsonp就是滿(mǎn)足你跨域讀取數(shù)據(jù)的一種方法,下面就直接看代碼吧。
?
public function actionIndex(){header('Content-type: application/json');//獲取回調(diào)函數(shù)名$jsoncallback = htmlspecialchars($_REQUEST ['jsoncallback']);//把預(yù)定義的字符轉(zhuǎn)換為 HTML 實(shí)體。$resourceid = $_GET["resource_id"];$resourceid = base64_decode($resourceid);$resourceid = SafetyHelper::KillDangerCode($resourceid);if(empty($resourceid) || is_numeric($resourceid)==false){$json_data= json_encode(array("code"=>300,"msg"=>"素材ID錯(cuò)誤","data"=>array()));echo $jsoncallback . "(" . $json_data . ")";die();}$resource = Resource::model()->find("id=".$resourceid);if(!empty($resource)){$arr["code"]=200;$arr["msg"]="獲取成功";$arr["data"]=array("title"=>$resource->title,"url"=>$resource->filepath,"hits"=>$resource->hits);}else{$arr["code"]=404;$arr["msg"]="資源不存在";$arr["data"]="";}$json_data=json_encode($arr);//輸出jsonp格式的數(shù)據(jù)echo $jsoncallback . "(" . $json_data . ")";}
? ? ?可以看的出來(lái),比平時(shí)我們用json的時(shí)候多了兩行代碼,就是要用這個(gè)回調(diào)函數(shù)來(lái)實(shí)現(xiàn)輸出的格式變?yōu)閖sonp。這是在PHP頁(yè)面的代碼,另外需要在HTML頁(yè)面寫(xiě)一個(gè)js來(lái)調(diào)用得到j(luò)sonp。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>獲取jsonp對(duì)象</title> <script src="jquery.js"></script> </head> <body> <input type="text" id="val" ><input type="button" id="dian" value="點(diǎn)擊"> <script> var url='jsonp.php'; $("#dian").click(function(){var aa=$("#val").val();var data={jsoncallback:aa}; $.getJSON(url,data,function(msg){ alert(msg);}) })</script> </body> </html>?
轉(zhuǎn)載于:https://www.cnblogs.com/xiaonannan/p/7099793.html
總結(jié)
以上是生活随笔為你收集整理的跨域,json与jsonp格式的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 【FI 收付款条件】Payment T
- 下一篇: DecimalFormat格式化输出带小