使用jquery mobile时如何处理手机中的表单导航后退按钮

Posted 2023-05-09

【中文标题】使用jquery mobile时如何处理手机中的表单导航后退按钮

【英文标题】：How to handle form navigation back button in mobile when using jquery mobile

【发布时间】：2016-12-04 23:02:26

【问题描述】：

我是使用 jQuery-Mobile 进行移动开发的新手。我有三个不同的 JSP 页面，每个页面都有带有data-ajax='false' 的表单元素。表单标签如下。

<form action="getNamesList" method="post" data-ajax="false">

现在，当我单击提交按钮时，下一个 JSP 页面带有带有组合框的新表单标记，并且在提交此页面时以类似的方式进入下一页。所有表格都有data-ajax='false'。所以现在我想处理 BACK 按钮功能。那么我应该如何处理这个问题，因为单击 BACK 上一页表单应该提交其值以使用组合框列表填充页面。

【参考方案1】：

您可以添加返回按钮事件处理程序，如下所示：

$(window).on("navigate", function (event, data) 
var direction = data.state.direction;
if (direction == 'back') 
// what you want to do
    
  );

【讨论】：

谢谢！！我在所有 jsp 页面上都有表单 methodType='POST' 。因此，当我点击第三页上的后退按钮时，它会带回第二页上的所有数据，这些数据是在使用表单提交从第一页导航到第二页时通过前向流带来的。

试试这个。如果以前的数据没有出现，那么您可以将数据保存在会话存储中，然后您可以从中读取。