我做了一个网页,通过ajax读取webapi里面的json数据进行展示,现在每次刷新后都会有一段时间的空白(访问读取需要时间),然后才会显示数据,现在怎么实现刷新没有延迟空白,直接出现数据;或者有没有办法直接将json数据每隔一段时间保存在本地服务器,这样读取的会快很多,谢谢各位了
数据不多的话，可以把json数据放到localStorage 本地存储。
并且每隔一段时间重新ajax读取数据更新 localStorage 。
页面加载时就可以先从localStorage 中取json数据, 就能直接出现数据了。
等到重新ajax读取数据之后再更新显示。
加缓存，也可以先写死数据 页面等待ajax加载完再显示
赞成
用sesstionstorage存储webapi数据，然后刷新的时候，先展示缓存的，等接口回来了在次替换。或者加个loading动画。实际上有空白也是正常现象无法避免只能优化接口，减少查询时间。
1.SSR 服务端渲染方案，白屏最短，实现成本高，体验最好
2.CSR 客户端渲染方案，必然会有首次白屏问题，可以用骨架屏，或者动画，在视觉上改进
AJAX 缓存方式，可以优先读取浏览器本地缓存的数据，如果没有则从服务端取数据.注意控制本地缓存的过期时间，
否则容易出现数据更新了，客户访问一直是旧的
您好，我是有问必答小助手，你的问题已经有小伙伴为您解答了问题，您看下是否解决了您的问题，可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～
ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632
非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！
速戳参与调研>>>https://t.csdnimg.cn/Kf0y