JSP 中的多个按钮

Question

我的网络项目中需要几个具有不同功能的按钮，但我不知道实现它的正确方法。 我这样做只是为了测试：

<input name="command" type="hidden" value="redirect"></input>
<input type="submit" name="page" value="Make order"></input>
<input type="submit" name="page" value="See bills"></input>
<input type="submit" name="page" value="See orders"></input>

然后在命令中我切换抛出页面名称的枚举以找出单击了哪个按钮。一个按钮应该只是将客户端重定向到另一个页面，其他按钮应该调用他们自己的命令。

我知道对表单submit 进行后处理是一种不好的做法，所以我正在寻找另一种方法。有人建议我使用 JS onclick，但我没有这方面的经验，也找不到适合我项目的简单示例。

已编辑

我有 ViewBillAction 和 ViewOrderAction 的 Action 类。我也有这样的类来定义所需的操作：

public class Redirect implements Action {

@Override
public String execute(TransferredData requestInformation) {
    String pageName = requestInformation.getRequestParameter("page");
    Action action;
    switch (pageName.toUpperCase()) {
    case "MAKE ORDER":
        return JSPManager.INSTANCE.getProperty(JSPManager.ORDER_PAGE_PATH);
    case "VIEW BILLS":
        action = new ViewBillsCommand();
        return action.execute(requestInformation);
    case "VIEW ORDERS":
        action = new ViewRequestsCommand();
        return action.execute(requestInformation);

主要问题是我根本不知道如何处理 JS 中的按钮单击事件。但这是我应该这样做的方式，我将非常感谢一个简单的例子。

Answer 1

type submit 表示您要将表单数据发布到服务器进行处理。 如果您不进行发布请求，则应使用 button 而不是 submit。

<input name="command" type="hidden" value="redirect"></input>
<input type="button" name="page" value="Make order"></input>
<input id="seeBillsButton" type="button" name="page" value="See bills"></input>
<input type="button" name="page" value="See orders"></input>

并使用javascript/jquery处理按钮点击事件。

$("#seeBillsButton").click(function() {
  alert("Handler for .click() called.");
});

已编辑 在服务器端，您应该有 3 个操作来处​​理这些请求。

1. MakeOrderAction
2. 查看账单操作
3. 查看订单操作。

对于 MakeOrderAction，您只想将用户重定向到下订单页面，通过 javascript（或超链接）中的点击事件来处理。

对于 ViewBillAction 和 ViewOrderAction，每个动作都与一个 jsp 相关联并在那里显示结果。你有 2 种方法来归档它。您可以为他们制作 2 个表格并分别提交给相应的操作。或者您可以使用相同的表单，并通过点击事件检查用户点击了什么，在javascript中处理和提交表单。结果 jsp 页面应在您的操作类中定义。

http://api.jquery.com/click/