Heim Web-Frontend js-Tutorial JSONP 跨域共享信息_json

JSONP 跨域共享信息_json

May 16, 2016 pm 05:50 PM
jsonp 跨域

由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com 的服务器沟通,而 HTML 的 <script> 元素是一个例外。利用 <script> 元素的这个开放策略,网页可以得到从其他来源动态产生的 JSON 资料,而这种使用模式就是所谓的 JSONP。用 JSONP 抓到的资料并不是 JSON,而是任意的 JavaScript,用 JavaScript 直译器执行而不是用 JSON 解析器解析。 <br><br>下面是我在一个项目中的应用: <br><br>描述:域名dev.uc.everychina.com 要获得域名 dev.members.everychina.com下的数据 <BR>dev.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 extends CController { <BR>public function actionIndex() { <BR>$callback = isset($_GET['callback']) ? $_GET['callback'] : ''; <BR>$result = array(); <BR>$userinfo = Intf_Client_Uc_User::instance()->getLoginUser(); <BR>$cid = Everychina_Member::instance()->getCid($userinfo['uid']); <BR>//公司展厅评分 <BR>$room_score = Ec_RoomScore::getInstance(); <BR>//获得展厅老的评分 <BR>$update_status = true; <BR>//重新评分 <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'] = $update_status; <BR>$res = $room_score->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>域名 dev.uc.everychina.com 下,前端调用(html) <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="84932" class="copybut" id="copybut84932" onclick="doCopy('code84932')"><U>复制代码 代码如下:<div class="codebody" id="code84932"> <BR><a id="update_score" href="#" onclick="ajaxUpdateScore();return false;">update score <BR><div id="member_score"> <BR> <BR>javascript <BR><div class="codetitle"><span><a style="CURSOR: pointer" data="62906" class="copybut" id="copybut62906" onclick="doCopy('code62906')"><U>复制代码 代码如下:<div class="codebody" id="code62906"> <BR>   function ajaxUpdateScore(){ <BR>if(document.getElementById("member_score_script")) { <BR>var score_script = document.getElementById("member_score_script"); <BR>document.body.removeChild(score_script); <BR>} <BR>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 += '

score:'+json.score.score+'

';
$("#member_score").html(html);
}
}
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Lösung für das domänenübergreifende Problem der PHP-Sitzung Lösung für das domänenübergreifende Problem der PHP-Sitzung Oct 12, 2023 pm 03:00 PM

Lösung des domänenübergreifenden Problems von PHPSession Bei der Entwicklung der Front-End- und Back-End-Trennung sind domänenübergreifende Anforderungen zur Norm geworden. Wenn es um domänenübergreifende Probleme geht, nutzen wir in der Regel Sitzungen und verwalten diese. Aufgrund von Richtlinieneinschränkungen für den Browserursprung können Sitzungen jedoch standardmäßig nicht über Domänen hinweg gemeinsam genutzt werden. Um dieses Problem zu lösen, müssen wir einige Techniken und Methoden verwenden, um eine domänenübergreifende gemeinsame Nutzung von Sitzungen zu erreichen. 1. Die häufigste Verwendung von Cookies zum domänenübergreifenden Teilen von Sitzungen

Wie stelle ich domänenübergreifende Anfragen in Vue? Wie stelle ich domänenübergreifende Anfragen in Vue? Jun 10, 2023 pm 10:30 PM

Vue ist ein beliebtes JavaScript-Framework zum Erstellen moderner Webanwendungen. Bei der Entwicklung von Anwendungen mit Vue müssen Sie häufig mit verschiedenen APIs interagieren, die sich oft auf verschiedenen Servern befinden. Wenn eine Vue-Anwendung auf einem Domänennamen ausgeführt wird, kann sie aufgrund von domänenübergreifenden Sicherheitsrichtlinienbeschränkungen nicht direkt mit der API auf einem anderen Domänennamen kommunizieren. In diesem Artikel werden verschiedene Methoden für domänenübergreifende Anfragen in Vue vorgestellt. 1. Verwenden Sie einen Proxy. Eine gängige domänenübergreifende Lösung ist die Verwendung eines Proxys

So verwenden Sie Flask-CORS, um eine domänenübergreifende gemeinsame Nutzung von Ressourcen zu erreichen So verwenden Sie Flask-CORS, um eine domänenübergreifende gemeinsame Nutzung von Ressourcen zu erreichen Aug 02, 2023 pm 02:03 PM

So verwenden Sie Flask-CORS, um eine domänenübergreifende Ressourcenfreigabe zu erreichen. Einführung: Bei der Entwicklung von Netzwerkanwendungen ist die domänenübergreifende Ressourcenfreigabe (CrossOriginResourceSharing, kurz CORS) ein Mechanismus, der es dem Server ermöglicht, Ressourcen mit bestimmten Quellen oder Domänennamen zu teilen. Mit CORS können wir die Datenübertragung zwischen verschiedenen Domänen flexibel steuern und einen sicheren und zuverlässigen domänenübergreifenden Zugriff erreichen. In diesem Artikel stellen wir vor, wie Sie die Flask-CORS-Erweiterungsbibliothek zum Implementieren der CORS-Funktionalität verwenden.

So verwenden Sie JSONP, um domänenübergreifende Anforderungen in Vue zu implementieren So verwenden Sie JSONP, um domänenübergreifende Anforderungen in Vue zu implementieren Oct 15, 2023 pm 03:52 PM

Einführung in die Verwendung von JSONP zur Implementierung domänenübergreifender Anfragen in Vue. Aufgrund der Einschränkungen der Same-Origin-Richtlinie wird das Front-End bei domänenübergreifenden Anfragen bis zu einem gewissen Grad behindert. JSONP (JSONwithPadding) ist eine domänenübergreifende Anforderungsmethode. Sie nutzt die Eigenschaften des &lt;script&gt;-Tags, um domänenübergreifende Anforderungen durch die dynamische Erstellung des &lt;script&gt;-Tags zu implementieren Rückruffunktion. In diesem Artikel wird die Verwendung von JSONP in Vue ausführlich vorgestellt

Wie erlaube ich die domänenübergreifende Nutzung von Bildern und Canvas in HTML? Wie erlaube ich die domänenübergreifende Nutzung von Bildern und Canvas in HTML? Aug 30, 2023 pm 04:25 PM

Damit Bilder und Canvases domänenübergreifend verwendet werden können, muss der Server die entsprechenden CORS-Header (Cross-Origin Resource Sharing) in seine HTTP-Antwort aufnehmen. Diese Header können so eingestellt werden, dass sie bestimmte Quellen oder Methoden zulassen oder dass jede Quelle auf die Ressource zugreifen kann. HTML-Canvas Ein HTML5-Canvas ist ein rechteckiger Bereich auf einer Webseite, der durch JavaScript-Code gesteuert wird. Nicht auf dem Canvas kann alles gezeichnet werden, einschließlich Bilder, Formen, Text und Animationen. Der Canvas ist groß

Bei der Entwicklung der Vue-Technologie auftretende domänenübergreifende Probleme und deren Lösungen Bei der Entwicklung der Vue-Technologie auftretende domänenübergreifende Probleme und deren Lösungen Oct 08, 2023 pm 09:36 PM

Domänenübergreifende Probleme und Lösungen, die bei der Entwicklung der Vue-Technologie auftreten. Zusammenfassung: In diesem Artikel werden die domänenübergreifenden Probleme und Lösungen vorgestellt, die bei der Entwicklung der Vue-Technologie auftreten können. Wir beginnen mit den Ursachen von Cross-Origin, gehen dann auf einige gängige Lösungen ein und stellen spezifische Codebeispiele bereit. 1. Ursachen für domänenübergreifende Probleme Bei der Webentwicklung schränkt der Browser aufgrund der Sicherheitsrichtlinien des Browsers Anforderungen von einer Quelle (Domäne, Protokoll oder Port) für Ressourcen von einer anderen Quelle ein. Dabei handelt es sich um die sogenannte „Same-Origin-Policy“. Wenn wir die Vue-Technologie entwickeln, sind das Frontend und

Verwendung von CORS im Beego-Framework zur Lösung domänenübergreifender Probleme Verwendung von CORS im Beego-Framework zur Lösung domänenübergreifender Probleme Jun 04, 2023 pm 07:40 PM

Mit der Entwicklung von Webanwendungen und der Globalisierung des Internets müssen immer mehr Anwendungen domänenübergreifende Anfragen stellen. Domainübergreifende Anfragen sind ein häufiges Problem für Frontend-Entwickler und können dazu führen, dass Anwendungen nicht ordnungsgemäß funktionieren. In diesem Fall ist die Verwendung von CORS eine der besten Möglichkeiten, das Problem ursprungsübergreifender Anforderungen zu lösen. In diesem Artikel konzentrieren wir uns auf die Verwendung von CORS im Beego-Framework zur Lösung domänenübergreifender Probleme. Was ist eine domänenübergreifende Anfrage? In Webanwendungen beziehen sich domänenübergreifende Anfragen auf Anfragen von einer Webseite eines Domänennamens zu einem anderen

Domain- und plattformübergreifende Kompatibilitätsverarbeitung von PHP-Sitzungen Domain- und plattformübergreifende Kompatibilitätsverarbeitung von PHP-Sitzungen Oct 12, 2023 am 09:46 AM

Die domänen- und plattformübergreifende Kompatibilitätsverarbeitung von PHPSession Bei der Entwicklung von Webanwendungen stehen immer mehr Entwickler vor domänenübergreifenden Problemen. Unter domänenübergreifend versteht man, dass eine Webseite unter einem Domänennamen Ressourcen unter einem anderen Domänennamen anfordert. Dies erhöht die Schwierigkeit der Entwicklung, insbesondere bei Anwendungen mit Sitzungsverwaltung. In diesem Artikel wird der Umgang mit der domänenübergreifenden Sitzungsverwaltung in PHP vorgestellt und einige spezifische Codebeispiele bereitgestellt. Session Management ist Wir

See all articles