JSONP 도메인 간 정보 공유_json

동일 출처 정책으로 인해 일반적으로 server1.example.com에 위치한 웹페이지는 HTML 요소를 제외하고는 server1.example.com 이외의 서버와 통신할 수 없습니다. 요소의 이러한 공개 정책을 사용하면 웹 페이지는 다른 소스에서 동적으로 생성된 JSON 데이터를 얻을 수 있으며 이러한 사용 패턴을 JSONP라고 합니다. JSONP로 캡처된 데이터는 JSON이 아니라 JSON 파서로 구문 분석하는 대신 JavaScript 인터프리터로 실행되는 임의의 JavaScript입니다.

다음은 프로젝트의 내 애플리케이션입니다.

설명: 도메인 이름 dev.uc.everychina.com이 도메인 이름 dev.members.everychina.com에서 데이터를 얻으려고 합니다. members.everychina.com의 서버측 코드:

코드 복사 코드는 다음과 같습니다. class JsController는 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($_GET ['action']) && $_GET['action']=='update') { $score_res = $room_score->getScoreInfo($cid) $room_score->updateScoreResult($cid ,$score_res); $update_status = true; } $result['status'] = $res = $room_score-&gt ;getScoreResult($cid); $result['score'] = $room_score->getScoreResultView($res['score']) if ($callback) { $js = json_encode ($result); echo "$callback(($js) );"; } }

도메인 이름 dev.uc.everychina.com에서 프론트엔드 통화(html)

코드 복사 코드는 다음과 같습니다. 업데이트 점수 > javascript

코드 복사 코드는 다음과 같습니다. 함수 ajaxUpdateScore(){ if(document.getElementById("member_score_script")) { var Score_script = document.getElementById("member_score_script") document.body.removeChild(score_script); var Score_script = document.createElement("script"); score_script .id = "member_score_script" 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 '

' html = ' msg:' json.score. msg '

'; html = ' 점수:' json.score.score '

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