美文网首页
pc端打开新页面,完美刷新上一个页面

pc端打开新页面,完美刷新上一个页面

作者: pccold | 来源:发表于2018-11-07 16:16 被阅读0次

有时候产品的需要打开的页面,但是新页面可能发生了数据变更,希望刷新之前的页面上的数据。

比如,在文章列表打开创建文章,然后创建完成后切换至文章列表。产品的要求,列表有刚才创建的文章。

解决方案:

localStorage: 用来存储是否需要刷新数据。

监听页面显示事件,当页面显示的时候会触发这个事件。

document.addEventListener("webkitvisibilitychange", () => {

this.onVisibility();

}, false);

document.addEventListener("visibilitychange", () => {

this.onVisibility();

}, false);

onVisibility() {

            if((document.visibilityState || document['webkitVisibilityState']) ==="visible") {

                    this.checkRefresh();

         }

}

checkRefresh() {

let isNeedRefresh = LocalStore.get(LOC_NEED_ARTICLE_LIST_UPDATE_KEY, true);

  LocalStore.remove(LOC_NEED_ARTICLE_LIST_UPDATE_KEY);

  if (isNeedRefresh) {

this.props.dispatch({

type:'article/fetch',

      payload:this.originFilter

    });

  }

}

相关文章

  • pc端打开新页面,完美刷新上一个页面

    有时候产品的需要打开的页面,但是新页面可能发生了数据变更,希望刷新之前的页面上的数据。 比如,在文章列表打开创建文...

  • JS刷新页面及页面跳转

    返回上一页 刷新页面 自动刷新页面 关闭窗口或者打开窗口时刷新页面

  • location 对象

    (1)、刷新页面: 打点调用 reload() (2)、替换页面(不能回退到上一个页面): ...

  • 记:Arcgis for JavaScript 3.X与Echa

    如此,刷新页面即可。

  • ajax

    form发POST、GET,但是要刷新页面或新开页面 a可以发GET,但是要刷新页面或新开页面 img可以发GET...

  • AJAX

    发请求的方式 ,但是会刷新页面或者新开页面 ,可以发送get请求,也会刷新页面或者新开页面 ,可以发送get请求,...

  • BrowserSync 自动同步刷新页面

    BrowserSync 自动同步刷新页面 BrowserSync可以在多个设备的浏览器上实现同步刷新页面,可以显著...

  • 「React Native」用代码刷新ReactNative页面

    问题描述 当我们需要刷新页面时,通常使用的时setState({...})来刷新页面 但这个刷新方式有局限性 比如...

  • javascript -- js之强制刷新页面

    刷新页面没啥好说的,说的是强制刷新页面 强制刷新的话,不同于直接location.href。 比如在ios系统里面...

  • 高级课程/Ajax

    用 form 可以发请求,但是会刷新页面或新开页面用 a 可以发 get 请求,但是也会刷新页面或新开页面用 im...

网友评论

      本文标题:pc端打开新页面,完美刷新上一个页面

      本文链接:https://www.haomeiwen.com/subject/rxpvxqtx.html