利用window.name實現頁面跳轉之間的數據傳遞

lncwwn 發布于2019-08-21 10:44 / 3630人閱讀

摘要：頁面和頁面是沒有跨域的一開始我只想到用提交數據來實現，不過一想，是直接提交到頁面嗎一時之間，我也不知道該如何進行頁面跳轉之間的數據傳遞。參考文章利用跨域獲取數據詳解四種跨域方式詳解

先描述一下需求情景
有一個生成節日賀卡的頁面，a頁面最后部分用來填寫用戶名和賀卡內容，點擊提交按鈕跳轉到賀卡頁面b，b頁面顯示的就是a頁面填寫的內容和用戶名。(a頁面和b頁面是沒有跨域的...)

一開始我只想到用ajax提交數據來實現，不過一想，是直接提交到b頁面嗎？一時之間，我也不知道該如何進行頁面跳轉之間的數據傳遞。百度許久，終于看到window.name這個方法。
ps:今天谷歌回來了嗎？并沒有

實現過程

a頁面中表單提交的方法：
$("#submit").click(function(){
    var nickname = $("#nickname").val(); //獲取填寫的用戶名
    var message = $("#message").val(); //獲取填寫的賀卡內容
    var jsonData = {"nickname":nickname,"message":message}; //轉化為json格式
    window.name = JSON.stringify(jsonData); //window.name只接受字符串格式，所以需要把json轉換一下
    window.location = "b.html"; //跳轉到b頁面
}

b頁面中獲取數據的方法：
var jsonData = JSON.parse(window.name); //將window.name轉化為json對象
$(".signame").text(jsonData.nickname); //填充數據
$(".message").text(jsonData.message); //填充數據

這樣就完成了，挺簡單的吧.
當然因為我這個需求并不要求跨域，所以可以這樣用。、
如果你的需求需要跨域的話，可能就不能這樣簡單的使用了。

參考文章：

利用window.name+iframe跨域獲取數據詳解

「JavaScript」四種跨域方式詳解

GPU云服務器云服務器 js實現頁面跳轉 ajax實現頁面跳轉 js之間傳遞數據 php 之間傳遞數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/86089.html

前端跨域方法論

摘要：說明是否允許通訊同一域名允許同一域名下的不同文件夾允許不同端口號不允許不同協議不允許不同域名不允許主域相同，子域不同不允許跨域解決方案由于瀏覽器同源策略是允許標簽這樣的跨域資源嵌套的，所以標簽的資源不受同源策略的限制。前言本著學習和總結的態度寫的技術輸出，文中有任何錯誤和問題，請大家指出。更多的技術輸出可以查看我的 github博客。整理了一些前端的學習資源，希望能夠幫助到有需要...

leejan97 2019-08-23 12:11 評論0 收藏0
常用跨域方法總結

摘要：常用跨域方法總結為什么要跨域因為瀏覽器的一種安全機制同源策略的限制，導致不能直接獲取不同源的資源，所以要跨域。那么什么才叫同源呢協議相同域名相同端口號相同圖來自參見最后下面介紹常用的幾種跨域方法。常用跨域方法總結為什么要跨域？因為瀏覽器的一種安全機制——同源策略的限制，導致不能直接獲取不同源的資源，所以要跨域。同源策略限制了從同一個源加載的文檔或腳本如何與來自另一個源的資源進行...

jerryloveemily 2019-08-22 18:17 評論0 收藏0
常用跨域方法總結

摘要：常用跨域方法總結為什么要跨域因為瀏覽器的一種安全機制同源策略的限制，導致不能直接獲取不同源的資源，所以要跨域。那么什么才叫同源呢協議相同域名相同端口號相同圖來自參見最后下面介紹常用的幾種跨域方法。常用跨域方法總結為什么要跨域？因為瀏覽器的一種安全機制——同源策略的限制，導致不能直接獲取不同源的資源，所以要跨域。同源策略限制了從同一個源加載的文檔或腳本如何與來自另一個源的資源進行...

Seay 2019-08-02 10:45 評論0 收藏0
跨文檔通信的7種方法

摘要：摘要以下總結的跨文檔通信方法，均是在服務器不參與的情況下服務端無需特殊的代碼實現的這里的通信，是指頁面向頁面傳遞信息大致分為以下三類通過實現雙向通信通過客戶端存儲實現通信在頁面跳轉的過程中攜帶信息中其中第一種方法沒有跨域的限制，且實現的是雙摘要以下總結的跨文檔通信方法，均是在服務器不參與的情況下（服務端無需特殊的代碼）實現的這里的通信，是指頁面A向頁面B傳遞信息大致分為以下三類...

阿羅 2019-08-22 14:51 評論0 收藏0