我有两个html文件,它们是我的应用程序中的两个页面
第1页= Home.html
第2页= Stats.html
加载Page 1时,我正在AJAX
调用Facebook API,该API返回一些数据,然后我要使用该数据构建表。
然后,我想将表保留在内存中,并在用户导航到页面2时将其追加到页面2的div上。
这样,大大减少了用户的等待时间,因为在他们从页面1导航到页面2所花费的时间中,浏览器的大部分工作已经完成。
Stats.html
页面应该查看从中获取的缓存数据Home.html
。从技术上讲,这是完全可能的。
在我提供一些细节之前,请确保从Facebook API中获取数据的代码与您在两个页面之间使用的代码相同。这个想法是创建一个函数:
请记住不时清除或覆盖缓存。
为了正确存储数据,有两种主要方法:
这是在网站上存储数据的传统方式。它们在每次请求时都发送到您的服务器,这实际上不是必需的,但仍然可以帮助您客户端。Cookies存在争议,因为存在许多安全漏洞,因此我不建议您使用它们。
这在浏览器中更现代,但与旧的浏览器不兼容。这使您可以跨网站存储数据。这种方法越来越普遍,我认为您应该使用此方法。最重要的是,我建议使用帮助程序库来简化存储(例如store)。
有关Mozilla网站上的网络存储的更多信息。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句