【发布时间】:2012-12-26 16:40:19
【问题描述】:
现在我有一个移动页面,它是一个搜索表单。用户搜索并返回一些结果。每个结果都是一个链接,其中包含有关结果的更多详细信息。用户单击详细信息,然后单击返回。这会将他们带回搜索页面,但之前的搜索不再存在。
当用户返回搜索表单时,重做搜索(或缓存结果)的最佳方式是什么?
【问题讨论】:
标签: jquery jquery-mobile browser-history
现在我有一个移动页面,它是一个搜索表单。用户搜索并返回一些结果。每个结果都是一个链接,其中包含有关结果的更多详细信息。用户单击详细信息,然后单击返回。这会将他们带回搜索页面,但之前的搜索不再存在。
当用户返回搜索表单时,重做搜索(或缓存结果)的最佳方式是什么?
【问题讨论】:
标签: jquery jquery-mobile browser-history
您的选择很少,这完全取决于您是否打开/关闭了 ajax。如果您的 ajax 已打开,可以这样做:
我。对包含表单页面的 div 容器使用这个 sintax:
<div class="page" data-role="page" data-dom-cache="true">
由于 data-dom-cache="true",jQM 不会从 DOM 中删除该页面,并且您的所有表单数据都会被记住。
二。代替经典的表单提交,使用 $.ajax 提交您的数据,然后手动更改页面。这仅在页面未使用服务器端代码呈现时才有效。
三。在表单提交之前,将所有表单数据存储在某个 javascript 对象中,然后在表单页面 pagebeforeshow 事件中再次加载。
四。如果关闭了 ajax 并且您使用 phonegap 作为应用程序包装器,请将您的表单数据存储在本地 SQL light 数据库中。
【讨论】:
data-dom-cache="true" 但感谢您指出它:)
查看此示例以使用搜索输入进行搜索:
【讨论】: