postMessage解決跨域、跨窗口消息傳遞

平時做web開發(fā)的時候關(guān)于消息傳遞懈叹,除了客戶端與服務(wù)器傳值還有幾個經(jīng)常會遇到的問題

1.頁面和其打開的新窗口的數(shù)據(jù)傳遞

2.多窗口之間消息傳遞

3.頁面與嵌套的iframe消息傳遞

4.上面三個問題的跨域數(shù)據(jù)傳遞
postMessage()

這些問題都有一些解決辦法乖杠,但html5引入的message的API可以更方便、有效澄成、安全的解決這些難題胧洒。postMessage()方法允許來自不同源的腳本采用異步方式進行有限的通信,可以實現(xiàn)跨文本檔墨状、多窗口卫漫、跨域消息傳遞。

postMessage(data,origin)方法接受兩個參數(shù)
1.data:要傳遞的數(shù)據(jù)肾砂,html5規(guī)范中提到該參數(shù)可以是JavaScript的任意基本類型或可復(fù)制的對象汛兜,然而并不是所有瀏覽器都做到了這點兒,部分瀏覽器只能處理字符串參數(shù)通今,所以我們在傳遞參數(shù)的時候需要使用JSON.stringify()方法對對象參數(shù)序列化粥谬,在低版本IE中引用json2.js可以實現(xiàn)類似效果

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市辫塌,隨后出現(xiàn)的幾起案子漏策,更是在濱河造成了極大的恐慌,老刑警劉巖臼氨,帶你破解...
    沈念sama閱讀 219,366評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件掺喻,死亡現(xiàn)場離奇詭異,居然都是意外死亡储矩,警方通過查閱死者的電腦和手機感耙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評論 3 395
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來持隧,“玉大人即硼,你說我怎么就攤上這事÷挪Γ” “怎么了只酥?”我有些...
    開封第一講書人閱讀 165,689評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長呀狼。 經(jīng)常有香客問我裂允,道長,這世上最難降的妖魔是什么哥艇? 我笑而不...
    開封第一講書人閱讀 58,925評論 1 295
  • 正文 為了忘掉前任绝编,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘十饥。我一直安慰自己怎棱,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,942評論 6 392
  • 文/花漫 我一把揭開白布绷跑。 她就那樣靜靜地躺著拳恋,像睡著了一般。 火紅的嫁衣襯著肌膚如雪砸捏。 梳的紋絲不亂的頭發(fā)上谬运,一...
    開封第一講書人閱讀 51,727評論 1 305
  • 那天,我揣著相機與錄音垦藏,去河邊找鬼梆暖。 笑死,一個胖子當(dāng)著我的面吹牛掂骏,可吹牛的內(nèi)容都是我干的轰驳。 我是一名探鬼主播,決...
    沈念sama閱讀 40,447評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼弟灼,長吁一口氣:“原來是場噩夢啊……” “哼级解!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起田绑,我...
    開封第一講書人閱讀 39,349評論 0 276
  • 序言:老撾萬榮一對情侶失蹤勤哗,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后掩驱,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體芒划,經(jīng)...
    沈念sama閱讀 45,820評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,990評論 3 337
  • 正文 我和宋清朗相戀三年欧穴,在試婚紗的時候發(fā)現(xiàn)自己被綠了民逼。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,127評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡涮帘,死狀恐怖拼苍,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情焚辅,我是刑警寧澤映屋,帶...
    沈念sama閱讀 35,812評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站同蜻,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏早处。R本人自食惡果不足惜湾蔓,卻給世界環(huán)境...
    茶點故事閱讀 41,471評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望砌梆。 院中可真熱鬧默责,春花似錦贬循、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至媒熊,卻和暖如春奇适,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背芦鳍。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評論 1 272
  • 我被黑心中介騙來泰國打工嚷往, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人柠衅。 一個月前我還...
    沈念sama閱讀 48,388評論 3 373
  • 正文 我出身青樓皮仁,卻偏偏與公主長得像,于是被迫代替她去往敵國和親菲宴。 傳聞我的和親對象是個殘疾皇子贷祈,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,066評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 問題: 做前端開發(fā)所遇到的一些消息傳遞付燥,除了前端和后端消息傳遞之外,還有幾個經(jīng)常遇到的問題愈犹。 頁面和其打開的新窗口...
    老95閱讀 243評論 0 0
  • 平時做web開發(fā)的時候關(guān)于消息傳遞漩怎,除了客戶端與服務(wù)器傳值還有幾個經(jīng)常會遇到的問題1.頁面和其打開的新窗口的數(shù)據(jù)傳...
    IT小C閱讀 904評論 0 5
  • 1勋颖、名詞解析: broker: 一個Kafka節(jié)點就是一個broker,多個broker可以組成一個Kafka集群...
    早點起床曬太陽閱讀 745評論 0 0
  • 茫茫歲月勋锤,如大海波濤饭玲,類萬里晴空,似白水天涯叁执,恰慷慨激昂茄厘。行路無險,空空蕩蕩如盲人探路谈宛,路途多肌膚之痛次哈,方知人情...
    無羨愛詩詩閱讀 128評論 0 7
  • 就我個人而言,這一周相比于前兩周吆录,相對的比較忙窑滞。借用許岑老師的一句話“在平坦的路面上曲折前行”,這句話更直白的說法...
    _張金磊_閱讀 182評論 0 0