セッションStroageが複数のタブページでデータを共有できないという問題を解決

911 ワード

javascript 先端 node.js httml 5 react.js

1.クッキー方式でデータを保存する
2.windowを利用する.addEventListener('stroage')stroage変化イベントをリスニングしてコールバック共有データを行う
1.グローバルリスニングstroageイベント

    localStroage          token    localStroage

window.addEventListener('stroage', (e) => {
    if (e.storageArea === localStroage && e.key === 'token') //     token
        sessionStroage.setItem('token', e.newValue)
        localStroage.removeItem('token')
        localStroage.removeItem('getToken')

    else if (e.storageAreaArg === localStroage && e.key === 'getToken' && e.newValue === '1' ) //           token
        localStrogae.setItem('token', userToken)
})

2.新しいウィンドウ起動前にユーザ登録状態判断を行う

if (localStroage.getItem('isLogin') === 1) 
    localStrogae.setItem('getToken', '1')

JAvascriptのprototypeプロパティインスタンスの分析説明

JavaScript拡張(3)関数、this指向、コピー