JSONP 跨域共享資訊_json-js教程-PHP中文網

JSONP 跨域共享資訊_json

WBOY

發布： 2016-05-16 17:50:43

原創

1094 人瀏覽過

由於同源策略，一般來說位於 server1.example.com 的網頁無法與不是 server1.example.com 的伺服器溝通，而 HTML 的 <script> 元素是例外。利用 <script> 元素的這個開放策略，網頁可以得到從其他來源動態產生的 JSON 資料，而這個使用模式就是所謂的 JSONP。用 JSONP 抓到的資料不是 JSON，而是任意的 JavaScript，用 JavaScript 直譯器執行而不是用 JSON 解析器解析。 以下是我在一個專案中的應用程式： 描述：網域 dev.uc.everychina.com 要取得網域 dev.members.everychina.com下的資料 dev. members.everychina.com的伺服器端程式碼： <div class="codetitle"><a style="CURSOR: pointer" data="93218" class="copybut" id="copybut93218" onclick="doCopy('code93218')">複製程式碼程式碼如下:<div class="codebody" id="code93218"> 程式碼如下: 程式碼如下：<sController extends CController { public function actionIndex() { $callback = isset($_GET['callback']) ? $_GET['callback'] : ''; $result = array(); $userinfo = Intf_Client_Uc_User::instance()->getLoginUser(); $cid = Everychina_Member::instance()->getCid($userinfo['uid']); //公司展廳評分 $room_score = Ec_RoomScore::getInstance(); //獲得展場老的評分 $update_status = true; //重新評分 if(isset($_GEGET[' action']) && $_GET['action']=='update') { $score_res = $room_score->getScoreInfo($cid); $room_score->updateScoreResult($cid,$score_res) ; $update_status = true; } $result['status'] = $update_status; $res = $room_score->getScoreResult($cid); $result[' score'] = $room_score->getScoreResultView($res['score']); if ($callback) { $js = json_encode($result); echo "$callback($ js) );"; } <div class="codetitle">} <a style="CURSOR: pointer" data="84932" class="copybut" id="copybut84932" onclick="doCopy('code84932')"> 網域dev.uc.everychina.com 下，前端呼叫（html） <div class="codebody" id="code84932">複製程式碼 程式碼如下: <a id="update_score" href="#" onclick="ajaxUpdateScore();return false;"> 。 ><div class="codetitle"> 程式碼如下:<a style="CURSOR: pointer" data="62906" class="copybut" id="copybut62906" onclick="doCopy('code62906')"> 　　 function ajaxUpdateScore(){ if(document.getElementById("member_score_script")) {get <oom>. member_score_script"); document.body.removeChild(score_script); } <div class="codebody" id="code62906">var score_script = document.createElement("script"); score_script.id = "memberember_score_script; .src = 'http://dev.members.everychina.com/index.php?r=js/index&callback=show_score&t=' new Date().getTime(); document.body.appendChild(score_script); } function show_score(json) { if(json.status == true) { var html = 'level:' json.score.level '</script>

' ;
html = '

msg:' json.score.msg '

';
html = '

score:' json.score.score '

';
$("#member_score").html(html);
}
}