首頁 web前端 js教程 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><BR> 程式碼如下:<BR><BR> <BR><BR> 程式碼如下:<sController 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($_GEGET[' 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) { $js = json_encode($result); <BR>echo "$callback($ js) );"; <BR>} <div class="codetitle">} <span><a style="CURSOR: pointer" data="84932" class="copybut" id="copybut84932" onclick="doCopy('code84932')"> <U>網域dev.uc.everychina.com 下,前端呼叫(html) <div class="codebody" id="code84932">複製程式碼<BR><BR><BR> 程式碼如下:<BR> <BR><a id="update_score" href="#" onclick="ajaxUpdateScore();return false;"> 。 ><div class="codetitle"><span> 程式碼如下:<a style="CURSOR: pointer" data="62906" class="copybut" id="copybut62906" onclick="doCopy('code62906')"><U>    function ajaxUpdateScore(){ if(document.getElementById("member_score_script")) {get <o​​om>. member_score_script"); document.body.removeChild(score_script); } <div class="codebody" id="code62906">var score_script = document.createElement("script"); <BR>score_script.id = "memberember_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);
}
}

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

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功

Vue中如何利用JSONP實作跨域請求 Vue中如何利用JSONP實作跨域請求 Oct 15, 2023 pm 03:52 PM

Vue中如何利用JSONP實現跨域請求簡介由於同源策略的限制,前端在進行跨域請求時會受到一定的阻礙。 JSONP(JSONwithPadding)是一種跨域請求的方法,它利用&lt;script&gt;標籤的特性,透過動態建立&lt;script&gt;標籤來實現跨域請求,並將回應資料作為回呼函數的參數傳遞回來。本文將詳細介紹在Vue中如何利用JSONP實

如何在HTML中允許跨域使用影像和畫布? 如何在HTML中允許跨域使用影像和畫布? Aug 30, 2023 pm 04:25 PM

為了允許跨網域使用影像和畫布,伺服器必須在其HTTP回應中包含適當的CORS(跨網域資源共用)頭。這些頭可以設定為允許特定的來源或方法,或允許任何來源存取資源。 HTMLCanvasAnHTML5CanvasisarectangularareaonawebpagethatiscontrolledbyJavaScriptcode.Anythingcanbedrawnonthecanvas,includingimages,shapes,text,andanimations.Thecanvasisagre

Vue技術開發中遇到的跨域問題及解決方法 Vue技術開發中遇到的跨域問題及解決方法 Oct 08, 2023 pm 09:36 PM

Vue技術開發中遇到的跨域問題及解決方法摘要:本文將介紹在Vue技術開發過程中,可能遇到的跨域問題以及解決方法。我們將從導致跨域的原因開始,然後介紹幾種常見的解決方案,並提供具體程式碼範例。一、跨域問題的原因在網路開發中,由於瀏覽器的安全策略,瀏覽器會限制從一個來源(網域、協定或連接埠)請求另一個來源的資源。這就是所謂的「同源策略」。當我們在Vue技術開發中,前端與

在Beego框架中使用CORS解決跨域問題 在Beego框架中使用CORS解決跨域問題 Jun 04, 2023 pm 07:40 PM

隨著Web應用程式的發展和互聯網的全球化,越來越多的應用程式需要進行跨域請求。對於前端開發人員而言,跨域請求是一個常見的問題,它可能導致應用程式無法正常運作。在這種情況下,解決跨域請求問題的最佳方法之一是使用CORS。在本文中,我們將重點放在如何在Beego框架中使用CORS來解決跨域問題。什麼是跨域請求?在網路應用程式中,跨網域請求是指從一個網域的網頁向另一

PHP Session 跨域的跨平台相容性處理 PHP Session 跨域的跨平台相容性處理 Oct 12, 2023 am 09:46 AM

PHPSession跨域的跨平台相容性處理隨著Web應用程式的發展,越來越多的開發者面臨跨域的問題。跨域是指在一個網域下的網頁去請求另一個網域下的資源,這在一定程度上增加了開發難度,特別是對於涉及到會話(Session)管理的應用程式來說,更是一個棘手的問題。本文將介紹如何在PHP中處理跨域的會話管理,並提供一些具體的程式碼範例。會話管理是We

See all articles