关于页面刷新

最新推荐文章于 2025-04-24 16:59:00 发布

FWodong

最新推荐文章于 2025-04-24 16:59:00 发布

阅读量932

点赞数

分类专栏： es6 JavaScript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/qq_24044863/article/details/124244516

版权

es6 同时被 2 个专栏收录

36 篇文章

订阅专栏

JavaScript

32 篇文章

订阅专栏

本文介绍了一种不引起页面跳转的刷新方式，通过使用cursor和Baobab库，仅更新页面数据，适用于前端开发。推荐了利用location.href获取本页URL并附带参数的方法，结合解析在线JSON数据，实现数据的透明更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面刷新，最好不要使用location.replace()…等方式，可以使用以下方式，只是数据刷新，页面不会发生闪动

重新请求数据

const {cursor, setData, concatData, getData} = props || {};
// ...
return fetch(
  req.pathname +        // 本页面的url，也可以使用location.href
    '?' +
    qs.stringify({
      jsononly: 1,        // 目的：返回页面的data数据
    }),
)
  .then(parse_online_json)
  .then(data => {
    // cursor 为 baobab 提供的能力，具体可以参考：
    // https://github.com/Yomguithereal/baobab
    cursor.merge(data);    // 所有的数据都会更新，并且毫不察觉的更新到页面
    cursor.select('setData').set(data.setData);   // 重置setData参数
    cursor.select('concatData').concat(data.concatData);    // 数组合并
    cursor.select('getData').get();    // todo: 
  });