jquery mobile - 从上一页回复按钮提交表单?

时间:2012-12-26 16:40:19

标签: jquery jquery-mobile browser-history

现在我有一个搜索表单的移动页面。用户搜索并获取一些结果。每个结果都是有关结果的更多详细信息的链接。用户单击详细信息,然后单击返回。这会将他们带回搜索页面,但之前的搜索不再存在。

当用户返回搜索表单时,重做搜索(或缓存结果)的最佳方法是什么?

2 个答案:

答案 0 :(得分:4)

你有几个选择,一切都取决于你是否打开/关闭ajax。如果打开你的ajax,可以这样做:

予。将此sintax用于保存表单页面的div容器:

<div class="page" data-role="page" data-dom-cache="true">

由于 data-dom-cache =“true” ,jQM不会从DOM中删除该页面,并且会记住所有表单数据。

II。而不是经典表单提交使用$ .ajax提交您的数据,并手动更改页面。仅当页面未使用服务器端代码呈现时,这才有效。

III。在表单提交之前,将所有表单数据存储在某个javascript对象中,然后在表单页面pagebeforeshow事件上再次加载它。

IV。如果关闭ajax并使用phonegap作为app包装器,请将表单数据存储在本地SQL light数据库中。

答案 1 :(得分:1)

查看此示例以使用搜索输入进行搜索:

jQuery Mobile Example - Paged Search Results