javascript - 拉取静态数据的最佳方式

标签 javascript json ajax reactjs performance

假设我有一个动物园应用程序,可以显示每个城市的所有动物园。每个城市都是一个包含动物园列表的页面。 在我当前的解决方案中,在每个页面上,我都会对服务器进行 ajax 调用,以获取该特定城市的动物园列表。

性能对我来说极其重要,我的想法是删除 ajax 调用并将其替换为将存在于应用程序中的 JSON 对象。这样我将保存对服务器的调用,我相信数据会更快到达。

这个解决方案有意义吗?大约有 40 个城市,每个城市约有 50 个动物园。 考虑数据是静态的,永远不会改变。

最佳答案

因为900条记录不多**,你可以在初始加载时一次获取所有记录,并按城市过滤所有记录数组,这样你的用户体验会更流畅,因为客户端js处理远优于 n/w 延迟。

** - 注意:严格考虑 ~900 的数据集大小

其他解决方案可以是 - 将数据缓存在 session 范围内,并且每当有特定的城市请求时检查 session 范围内的可用性,如果不存在则进行 n/w 调用。

关于javascript - 拉取静态数据的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59154799/

相关文章:

ios - 使用 Alamofire 解析 json 的问题

php - 使用 jquery 将值从文本框传递给 php 不起作用,请帮忙

javascript - 在 ajax 更新期间离开网页

javascript - 如何防止 onInput 在动态组件初始化期间触发?

javascript - 检测网站是否运行在 Android 浏览器或应用的 webView 中

javascript - 您是否需要在 jQuery 的 document.ready 中放置一个 knockout.js 绑定(bind)处理程序

javascript - AngularJS - 具有特定 JSON 对象的自定义过滤器

php - 如何通过 AJAX 从 PHP 文件返回 JavaScript?

javascript - "$.getJSON("myurl",response);"的等效回调函数?

javascript - 如何将事件绑定(bind)到从 AJAX 请求注入(inject)的 HTML