js 跨域傳遞訊息

阿新 • • 發佈：2018-12-10

傳送訊息html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>跨域訊息傳遞</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">

        window.onload = function () 
 {
            document.getElementById('send').onclick = function () {
                var msg = document.getElementById('msg').value;
                var iframeWindow = document.getElementById('iframe').contentWindow;
                iframeWindow.postMessage(msg, "*");//http://target.com/target.html
            }
        }
     
</script>

</head>
<body>
<iframe id="iframe" src="http://localhost:8080/C1-Planning/planning/ssoform/handleMessage.html"></iframe>
<input id="msg" type="text" placeholder="請輸入要傳送的訊息" value="這是跨域推送的訊息">
<button id="send">傳送</button>
</body>
</html>

接收訊息html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>跨域訊息傳遞</title>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script type="text/javascript">
        if (window.addEventListener) {
            window.addEventListener("message", handleMessage, false);
        } else {
            window.addEventListener("onmessage", handleMessage);  //For IE8
        }

        function handleMessage(event) {
            event = event || window.event;
            if (event.source !== window.parent)
                return;
            // if (event.origin === 'http://source.com') {
            // }
            document.getElementById('msg').innerHTML = event.data;
        }

    </script>

</head>
<body>

<div>
    <h2>target.html,以下是接收到的訊息：</h2>
    <section id="msg">

    </section>
</div>
</body>
</html>

js 跨域傳遞訊息

傳送訊息html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

詳解js跨域

-name tor adding code 填充父域 allow mes document 什麽是跨域？概念：只要協議、域名、端口有任何一個不同，都被當作是不同的域。對於端口和協議的不同，只能通過後臺來解決。URL 說明

轉 Js 跨域CORS報錯 Response for preflight has invalid HTTP status code 405

control logs web col 奇怪 flight protected protoc tex 轉自：http://www.cnblogs.com/SilenceTom/p/6697484.html 調用接口遇到Response for preflight

jsonp: js跨域

而不是分辨 ply eai dap ppr img lvs 字符 JSONP是JSON with padding(填充式JSON或參數式JSON)的簡寫，是應用JSON的一種新方法，常用於服務器與客戶端跨源通信，在後來的Web服務中非常流行。本文將詳細介紹JSONP 　J

【轉載】Ajax JS 跨域請求

-h 資源 pla dom light data 常用 clas json 原文：簡單的ajax請求：http://blog.csdn.net/net_lover/article/details/5172509 復雜的ajax請求：http://blog.csdn.net

js跨域

處理用戶 pan round 相同 enc echo cnblogs lB 轉自 https://www.cnblogs.com/yongshaoye/p/7423881.html 一、了解跨域？ 1 概念：只要協議、域名、端口有任何一個不同，都被當作是不同的域。定義：

C# MVC js 跨域

iis服務器 .net headers 控制臺 bsp info tom protoc 服務器 js 跨域: 第一種解決方案(服務端解決跨域問題)：跨域是瀏覽器的一種安全策略，是瀏覽器自身做的限制，不允許用戶訪問不同域名或端口或協議的網站數據。只有域名（主域名【一

js跨域問題

字符串 r script err 周期 t對象 str 實現 col function js跨域：域名、端口、協議有一個不同便是跨域。 1.CORS CORS（Corss-Origin Resource Sharing,跨資源共享），基本思想是使用自定義的HTTP頭部讓

js跨域請求之jsonp原理和運用

1、js請求後端服務時，域名不同或域名相同埠不同都是跨域； 2、無論哪個瀏覽器js都不能跨域請求後端服務，解決辦法為jsonp；jsonp不是新技術，只是一個解決方案；即js不請求後端服務而是跨域請求js，即跨域載入js檔案，而這個js檔案由伺服器端返回。 3、js中可以在cookie中取出

vue.js 跨域的解決方法（轉載）

vue專案中，前端與後臺進行資料請求或者提交的時候，如果後臺沒有設定跨域，前端本地除錯程式碼的時候就會報“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 這種跨域錯誤。要想本地正常的除錯，解決

vue-cli3.x vue.config.js 跨域配置

blog 調用 art code 頁面 port tail chang then devServer: { open: true, //瀏覽器自動打開頁面 host: "0.0.0.0", //如果是真機測試，就使用這個IP

跳轉頁面跨域傳遞引數

頁面a的網站地址為：http://localhost:8080/a.html 頁面b的網站地址為：http://localhost:63342/Demo1/testCRS/b.html?name=tony&age=23 其中，name和age是跨域傳遞的引數。 1.結果展示圖頁

上傳圖片截圖預覽控制元件不顯示cropper.js 跨域問題

上傳圖片到圖片伺服器，因為域名不同，多以會有跨域問題。 No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://img.xxx.com’ is there

js跨域訪問，No ‘Access-Control-Allow-Origin‘ header is present on

在本地用ajax跨域訪問請求時報錯： XMLHttpRequest cannot loadhttp://www.zjblogs.com/. No 'Access-Control-Allow-Origin' header is present on the requested r

js跨域獲取資料

目錄一、通過jsonp跨域 2、通過修改document.domain來跨子域 3、使用window.name來進行跨域 4、使用HTML5中新引進的window.postMessage方法來跨域傳送資料一、通過jsonp跨域在js中，我們直接用X

JS跨域ajax訪問

方式1:jsonp解決跨域訪問需要服務和js配合服務 [WebMethod] public void HelloWorld2(string name) { HttpContext.Current.Response.Content

前端JS跨域解決方案

JS跨域請求這裡說的js跨域是指通過js在不同的域之間進行資料傳輸或通訊，比如用ajax向一個不同的域請求資料，或者通過js獲取頁面中不同域的框架中(iframe)的資料。只要協議、域名、埠有任何一個不同，都被當作是不同的域跨域解決方案 CORS方案 COR

js跨域訪問問題

最近在搞paas系統，paas UI微服務服務和後臺微服務的聯調，想要在ui的js中直接使用ip地址的方式（ip:port/url）獲取後臺資料。發現報錯。後來上網看問題是瀏覽器由於安全方面的考慮，禁止這種跨域訪問。其實ajax已經從跨域將伺服器資料取回，但瀏覽器禁止了該資料的使用。所以

跨域傳遞引數

我們在開發中經常會遇到跨域傳參的要求。 1.例如，我需要把這個頁面的引數傳到另一個web頁面（不通過位址列） window物件有一個name屬性，在一個window的生命週期裡面，本視窗載入的所有的頁面都是共享一個window.name。因此我們給第一個頁面設定一個window.name值，之後的頁面都可

JS跨域請求

跨域資源共享: JS跨域請求: 通過JS在不同的域之間進行資料傳輸或通訊不同域: 只要協議,IP(域名),埠這三者有任何一個不同都認為是不同域跨域測試: 在埠號為9105的工程下,在js的service層傳送請求$http.get("http://localhost:9107/

js 跨域傳遞訊息

相關推薦