찾다
웹 프론트엔드JS 튜토리얼JSONP 도메인 간 정보 공유_json

동일 출처 정책으로 인해 일반적으로 server1.example.com에 위치한 웹페이지는 HTML <script> 요소를 제외하고는 server1.example.com 이외의 서버와 통신할 수 없습니다. <script> 요소의 이러한 공개 정책을 사용하면 웹 페이지는 다른 소스에서 동적으로 생성된 JSON 데이터를 얻을 수 있으며 이러한 사용 패턴을 JSONP라고 합니다. JSONP로 캡처된 데이터는 JSON이 아니라 JSON 파서로 구문 분석하는 대신 JavaScript 인터프리터로 실행되는 임의의 JavaScript입니다. <br><br>다음은 프로젝트의 내 애플리케이션입니다. <br><br>설명: 도메인 이름 dev.uc.everychina.com이 도메인 이름 dev.members.everychina.com에서 데이터를 얻으려고 합니다. <BR>members.everychina.com의 서버측 코드: <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="93218" class="copybut" id="copybut93218" onclick="doCopy('code93218')"><U>코드 복사 코드는 다음과 같습니다. <div class="codebody" id="code93218"> <BR>class JsController는 CController를 확장합니다. <BR>public function actionIndex() { <BR>$callback = isset($_GET['callback']) ? $_GET['callback'] : ''; >$result = array(); <BR>$userinfo = Intf_Client_Uc_User::instance()->getLoginUser() <BR>$cid = Everychina_Member::instance()->getCid($userinfo['uid' ]);// 회사 전시실 점수<BR>$room_score = Ec_RoomScore::getInstance() <BR>//전시실 점수 가져오기<BR>$update_status = true; <BR>if(isset($_GET ['action']) && $_GET['action']=='update') { <BR>$score_res = $room_score->getScoreInfo($cid) <BR> $room_score->updateScoreResult($cid ,$score_res); <BR>$update_status = true; <BR>} <BR>$result['status'] = $res = $room_score-&gt ;getScoreResult($cid); <BR>$result['score'] = $room_score->getScoreResultView($res['score']) <BR>if ($callback) { <BR>$js = json_encode ($result); <BR>echo "$callback(($js) );"; <BR>} <BR>} <BR><BR> <BR>도메인 이름 dev.uc.everychina.com에서 프론트엔드 통화(html) <BR><BR> <BR><BR>코드 복사<div class="codetitle"><span><a style="CURSOR: pointer" data="84932" class="copybut" id="copybut84932" onclick="doCopy('code84932')"> 코드는 다음과 같습니다.<U> < a id="update_score" href="#" onclick="ajaxUpdateScore( );return false;">업데이트 점수 <div id="member_score"> > <div class="codebody" id="code84932">javascript <BR><BR><BR><BR>코드 복사<BR><div class="codetitle"><span> 코드는 다음과 같습니다.<a style="CURSOR: pointer" data="62906" class="copybut" id="copybut62906" onclick="doCopy('code62906')"><U>   함수 ajaxUpdateScore(){ if(document.getElementById("member_score_script")) { var Score_script = document.getElementById("member_score_script") document.body.removeChild(score_script); <div class="codebody" id="code62906">var Score_script = document.createElement("script"); <BR>score_script .id = "member_score_script" <BR>score_script.src = 'http://dev.members.everychina.com/index.php? r=js/index&callback=show_score&t=' new Date().getTime(); <BR>document.body.appendChild(score_script) <BR>} <BR>function show_score(json) { <BR>if(json. status == true) { <BR>var html = '<p>level: ' json.score.level '</script>

'
html = '

msg:' json.score. msg '

';
html = '

점수:' json.score.score '

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

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
PHP Session 跨域问题的解决方法PHP Session 跨域问题的解决方法Oct 12, 2023 pm 03:00 PM

PHPSession跨域问题的解决方法在前后端分离的开发中,跨域请求已成为常态。在处理跨域问题时,我们通常会涉及到session的使用和管理。然而,由于浏览器的同源策略限制,跨域情况下默认情况下无法共享session。为了解决这个问题,我们需要采用一些技巧和方法来实现session的跨域共享。一、使用cookie跨域共享session最常

Vue 中如何进行跨域请求?Vue 中如何进行跨域请求?Jun 10, 2023 pm 10:30 PM

Vue是一种流行的JavaScript框架,用于构建现代化的Web应用程序。在使用Vue开发应用程序时,常常需要与不同的API交互,而这些API往往位于不同的服务器上。由于跨域安全策略的限制,当Vue应用程序在一个域名上运行时,它不能直接与另一个域名上的API进行通信。本文将介绍几种在Vue中进行跨域请求的方法。1.使用代理一种常见的跨域解决方案是使用代理

如何使用Flask-CORS实现跨域资源共享如何使用Flask-CORS实现跨域资源共享Aug 02, 2023 pm 02:03 PM

如何使用Flask-CORS实现跨域资源共享引言:在网络应用开发中,跨域资源共享(CrossOriginResourceSharing,简称CORS)是一种机制,允许服务器与指定的来源或域名之间共享资源。使用CORS,我们可以灵活地控制不同域之间的数据传输,实现安全、可靠的跨域访问。在本文中,我们将介绍如何使用Flask-CORS扩展库来实现CORS功

如何在HTML中允许跨域使用图像和画布?如何在HTML中允许跨域使用图像和画布?Aug 30, 2023 pm 04:25 PM

为了允许跨域使用图像和画布,服务器必须在其HTTP响应中包含适当的CORS(跨域资源共享)头。这些头可以设置为允许特定的来源或方法,或者允许任何来源访问资源。HTMLCanvasAnHTML5CanvasisarectangularareaonawebpagethatiscontrolledbyJavaScriptcode.Anythingcanbedrawnonthecanvas,includingimages,shapes,text,andanimations.Thecanvasisagre

Vue中如何利用JSONP实现跨域请求Vue中如何利用JSONP实现跨域请求Oct 15, 2023 pm 03:52 PM

Vue中如何利用JSONP实现跨域请求简介由于同源策略的限制,前端在进行跨域请求时会受到一定的阻碍。JSONP(JSONwithPadding)是一种跨域请求的方法,它利用&lt;script&gt;标签的特性,通过动态创建&lt;script&gt;标签来实现跨域请求,并将响应数据作为回调函数的参数传递回来。本文将详细介绍在Vue中如何利用JSONP实

Vue技术开发中遇到的跨域问题及解决方法Vue技术开发中遇到的跨域问题及解决方法Oct 08, 2023 pm 09:36 PM

Vue技术开发中遇到的跨域问题及解决方法摘要:本文将介绍在Vue技术开发过程中,可能遇到的跨域问题以及解决方法。我们将从导致跨域的原因开始,然后介绍几种常见的解决方案,并提供具体代码示例。一、跨域问题的原因在Web开发中,由于浏览器的安全策略,浏览器会限制从一个源(域、协议或端口)请求另一个源的资源。这就是所谓的“同源策略”。当我们在Vue技术开发中,前端与

在Beego框架中使用CORS解决跨域问题在Beego框架中使用CORS解决跨域问题Jun 04, 2023 pm 07:40 PM

随着Web应用程序的发展和互联网的全球化,越来越多的应用程序需要进行跨域请求。对于前端开发人员而言,跨域请求是一个常见的问题,它可能导致应用程序无法正常工作。在这种情况下,解决跨域请求问题的最佳方法之一是使用CORS。在本文中,我们将重点介绍如何在Beego框架中使用CORS解决跨域问题。什么是跨域请求?在Web应用程序中,跨域请求是指从一个域名的网页向另一

分析 PHP Session 跨域的错误日志处理分析 PHP Session 跨域的错误日志处理Oct 12, 2023 pm 01:42 PM

PHPSession跨域错误日志处理在开发Web应用程序时,我们经常会使用PHP的Session功能来跟踪用户的状态。然而,在某些情况下,会出现跨域的错误,导致无法正确访问和操作Session数据。本文将介绍如何处理PHPSession跨域错误,并提供具体的代码示例。什么是PHPSession跨域错误?跨域错误指的是在浏览器中

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기