本篇文章扣丁學(xué)堂html5培訓(xùn)小編給讀者們分享一下websocket跨域問題解決，對才感興趣的小伙伴就隨小編來了解一下吧，希望對小伙伴們有幫助。
websocket protocol是html5一種新的協(xié)議。它實現(xiàn)了瀏覽器與服務(wù)器全雙工通信，同時允許跨域通訊，是server push技術(shù)的一種很好的實現(xiàn)。我們使用socket.io，它很好地封裝了websocket接口，提供了更簡單、靈活的接口，也對不支持websocket的瀏覽器提供了向下兼容。
項目中遇到j(luò)avascript跨域問題，父頁面和子頁面要通信，并且父子頁面跨域，怎么辦
項目中要保證父子頁面通信是點對點，需要在服務(wù)端建立對父子頁面websocket的對應(yīng)關(guān)系，即父頁面發(fā)的消息只被子頁面收到，子頁面的消息也只被父頁面收到我們做了以下工作，嚴格保證了
websocket通信是點對點：
一是建立websocket鏈接的url加上時間戳保證通信會話是唯一的;
二是在服務(wù)端保證父子頁面websocket一一對應(yīng)關(guān)系。父子頁面的websocket在open時都會向服務(wù)端發(fā)出消息進行注冊，建立senssion之間的對應(yīng)關(guān)系。然后父子頁面就可通過雙方約束的通信協(xié)議進行通信了。
這里我們寫個demo:
var p = document.getelementsbytagname(‘p’)[0];
var io = io.connect(‘/course/320523flowtoken=1008606【掃碼進入html5前端開發(fā)vip免費公開課】
注：點擊(了解更多)進入課程直播間

---

---

精密型段差研磨機_數(shù)控段差磨床_泰岡機床
南開辦課外輔導(dǎo)班樂國一線名師
超級實用的薪酬管理制度（僅供參考）
農(nóng)機具 雙行土豆收獲機械
供應(yīng)masterBLP103E液化氣工業(yè)暖風(fēng)機
扣丁學(xué)堂HTML5培訓(xùn)詳解WebSocket跨域問題解決
包郵！蒸汽減腹瘦身腰帶 腰圍固定帶 減肚子震動按摩好賣產(chǎn)品
BZ3C直流標(biāo)準(zhǔn)電阻
美發(fā)梳子 理發(fā)梳子裁發(fā)梳 平頭梳 發(fā)型梳子耐高溫 特價批發(fā)
艾瑞卡全屋定制
秀山消防電源監(jiān)控系統(tǒng)報價
外賣快餐店加盟 臺資味豐富產(chǎn)品種類滿足消費需求
開輔導(dǎo)班加盟費多少
A級改性苯板設(shè)備-全自動勻質(zhì)板生產(chǎn)線
激光雕刻煙塵氣味怎么消除激光雕刻煙塵氣味怎么吸掉去除煙味
超細纖維毛巾 清潔布 家務(wù)清潔用具
【三和木門加盟】加盟三和木門開心賺錢
廠家直銷專業(yè)加工定制全自動無人置守高效節(jié)能大型板式換熱機組
德陽鍍晶原液,汽車洗護原液,去氧化層,鍍晶蠟
德意年末大放價總倉直銷打造智慧廚房