#前端 两个不同的页面，在一个页面添加数据，另一个页面实现数据的刷新

Question

两个不同的页面，在一个页面添加数据，另一个页面实现数据的刷新，现在就是不会自动刷新，必须去手动刷新才会出来新的数据

Answer 1

1、如果两个页面在同一个浏览器的话可以利用浏览器同域网页下的 localStorage操作会同步通知到 window.onstorage 事件的特性实现跨页面通信。
这样你在 A 页面修改数据的时候，可以实时通知 B 页面刷新数据

// A 网页
window.addEventListener("storage", function({key, newValue}){
    console.log([ key, newValue ]) // ["Event", "HolleWorld"]
})

// B 网页
localStorage.setItem("Event", "HolleWorld");

2、如果你的页面不在同一个浏览器的话，就只能采用以下两种方法了
2.1、定时刷新
2.2、利用网络通信来实时通知（WebSocket / Server-sent events / WebRTC）

有用望采纳