資訊專(zhuān)欄INFORMATION COLUMN
摘要：頁(yè)面和頁(yè)面是沒(méi)有跨域的一開(kāi)始我只想到用提交數(shù)據(jù)來(lái)實(shí)現(xiàn)，不過(guò)一想，是直接提交到頁(yè)面嗎一時(shí)之間，我也不知道該如何進(jìn)行頁(yè)面跳轉(zhuǎn)之間的數(shù)據(jù)傳遞。參考文章利用跨域獲取數(shù)據(jù)詳解四種跨域方式詳解
先描述一下需求情景
有一個(gè)生成節(jié)日賀卡的頁(yè)面，a頁(yè)面最后部分用來(lái)填寫(xiě)用戶(hù)名和賀卡內(nèi)容，點(diǎn)擊提交按鈕跳轉(zhuǎn)到賀卡頁(yè)面b，b頁(yè)面顯示的就是a頁(yè)面填寫(xiě)的內(nèi)容和用戶(hù)名。(a頁(yè)面和b頁(yè)面是沒(méi)有跨域的...)
一開(kāi)始我只想到用ajax提交數(shù)據(jù)來(lái)實(shí)現(xiàn)，不過(guò)一想，是直接提交到b頁(yè)面嗎？一時(shí)之間，我也不知道該如何進(jìn)行頁(yè)面跳轉(zhuǎn)之間的數(shù)據(jù)傳遞。百度許久，終于看到window.name這個(gè)方法。
ps:今天谷歌回來(lái)了嗎？ 并沒(méi)有
實(shí)現(xiàn)過(guò)程
a頁(yè)面中表單提交的方法：
$("#submit").click(function(){
var nickname = $("#nickname").val(); //獲取填寫(xiě)的用戶(hù)名
var message = $("#message").val(); //獲取填寫(xiě)的賀卡內(nèi)容
var jsonData = {"nickname":nickname,"message":message}; //轉(zhuǎn)化為json格式
window.name = JSON.stringify(jsonData); //window.name只接受字符串格式，所以需要把json轉(zhuǎn)換一下
window.location = "b.html"; //跳轉(zhuǎn)到b頁(yè)面
}
b頁(yè)面中獲取數(shù)據(jù)的方法：
var jsonData = JSON.parse(window.name); //將window.name轉(zhuǎn)化為json對(duì)象
$(".signame").text(jsonData.nickname); //填充數(shù)據(jù)
$(".message").text(jsonData.message); //填充數(shù)據(jù)
這樣就完成了，挺簡(jiǎn)單的吧.
當(dāng)然因?yàn)槲疫@個(gè)需求并不要求跨域，所以可以這樣用。、
如果你的需求需要跨域的話(huà)，可能就不能這樣簡(jiǎn)單的使用了。
參考文章：
利用window.name+iframe跨域獲取數(shù)據(jù)詳解
「JavaScript」四種跨域方式詳解
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/86089.html
摘要：說(shuō)明是否允許通訊同一域名允許同一域名下的不同文件夾允許不同端口號(hào)不允許不同協(xié)議不允許不同域名不允許主域相同，子域不同不允許跨域解決方案由于瀏覽器同源策略是允許標(biāo)簽這樣的跨域資源嵌套的，所以標(biāo)簽的資源不受同源策略的限制。 前言 本著學(xué)習(xí)和總結(jié)的態(tài)度寫(xiě)的技術(shù)輸出，文中有任何錯(cuò)誤和問(wèn)題，請(qǐng)大家指出。更多的技術(shù)輸出可以查看我的 github博客。 整理了一些前端的學(xué)習(xí)資源，希望能夠幫助到有需要...
摘要：常用跨域方法總結(jié)為什么要跨域因?yàn)闉g覽器的一種安全機(jī)制同源策略的限制，導(dǎo)致不能直接獲取不同源的資源，所以要跨域。那么什么才叫同源呢協(xié)議相同域名相同端口號(hào)相同圖來(lái)自參見(jiàn)最后下面介紹常用的幾種跨域方法。 常用跨域方法總結(jié) 為什么要跨域？ 因?yàn)闉g覽器的一種安全機(jī)制——同源策略的限制，導(dǎo)致不能直接獲取不同源的資源，所以要跨域。 同源策略限制了從同一個(gè)源加載的文檔或腳本如何與來(lái)自另一個(gè)源的資源進(jìn)行...
摘要：常用跨域方法總結(jié)為什么要跨域因?yàn)闉g覽器的一種安全機(jī)制同源策略的限制，導(dǎo)致不能直接獲取不同源的資源，所以要跨域。那么什么才叫同源呢協(xié)議相同域名相同端口號(hào)相同圖來(lái)自參見(jiàn)最后下面介紹常用的幾種跨域方法。 常用跨域方法總結(jié) 為什么要跨域？ 因?yàn)闉g覽器的一種安全機(jī)制——同源策略的限制，導(dǎo)致不能直接獲取不同源的資源，所以要跨域。 同源策略限制了從同一個(gè)源加載的文檔或腳本如何與來(lái)自另一個(gè)源的資源進(jìn)行...
摘要：摘要以下總結(jié)的跨文檔通信方法，均是在服務(wù)器不參與的情況下服務(wù)端無(wú)需特殊的代碼實(shí)現(xiàn)的這里的通信，是指頁(yè)面向頁(yè)面?zhèn)鬟f信息大致分為以下三類(lèi)通過(guò)實(shí)現(xiàn)雙向通信通過(guò)客戶(hù)端存儲(chǔ)實(shí)現(xiàn)通信在頁(yè)面跳轉(zhuǎn)的過(guò)程中攜帶信息中其中第一種方法沒(méi)有跨域的限制，且實(shí)現(xiàn)的是雙 摘要 以下總結(jié)的跨文檔通信方法，均是在服務(wù)器不參與的情況下（服務(wù)端無(wú)需特殊的代碼）實(shí)現(xiàn)的 這里的通信，是指頁(yè)面A向頁(yè)面B傳遞信息 大致分為以下三類(lèi)...
閱讀 1548·2019-08-30 15:55
閱讀 1773·2019-08-26 10:21
閱讀 3533·2019-08-23 18:28
閱讀 3455·2019-08-23 15:38
閱讀 867·2019-08-23 15:24
閱讀 2231·2019-08-23 13:59
閱讀 846·2019-08-23 11:31
閱讀 2934·2019-08-23 10:53
