Phonegap - 后退按钮重新加载完整页面

Question

我有一个包含 100 个项目的列表，其中显示了前 20 个项目，这 20 个项目是通过 ajax 调用从服务器获取的。 有一个加载更多按钮，它将获取接下来的 20 个项目，依此类推。 现在，当我转到下一个屏幕时说第 70 个项目，其中包含列表项的详细信息，然后再次使用 data-rel = "back" 该列表将再次仅从 1-20 获取服务器数据。

phonegap 中是否有任何东西可以存储所有获取的数据并以与浏览器后退按钮完全相同的方式工作？

Answer 1

您为什么不使用本地存储来保存数据中的当前偏移量 (70) 并通过 ajax 加载项目并将此偏移量传递给 ajax 发布/获取您所做的任何调用？有关多个步骤，请查看 window.history 文档 - https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

Answer 2

您尝试过 JQM 吗？

在 JQM 中，您可以只使用 data-dom-cach="true" 来缓存页面。

点赞：<div data-role="page" data-dom-cache="true">

但不要忘记释放你缓存的页面！

JQM data-dom-cache Documentation