java - JSP中的多个按钮

Question

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

<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>

然后在命令中 i switch throw enum of page names 以找出单击了哪个按钮。一个按钮应该只是将客户端重定向到另一个页面，而其他按钮应该调用它们自己的命令。

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

已编辑

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

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. ViewBillAction
3. ViewOrderAction。

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

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

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