Java Servlet实现表格单元格按钮跳转详情页时参数重复的问题求助

你的问题根源很明确：所有的提交按钮和隐藏输入都被包裹在同一个<form>标签里，所以点击任意一个提交按钮时，浏览器会把整个表单里所有name="fname"的元素值都提交上去，自然就出现了URL里多个fname参数的情况。

这里有两种简单的解决方案，你可以根据需求选择：

方案1：每个单元格单独使用一个表单 #

把<form>标签放到每个<td>内部，这样每个提交按钮只属于自己的小表单，只会提交当前单元格对应的fname值：

// 获取SQL数据
List<Object> dataItems = new ArrayList<Object>();
while (rset.next()) {
    SQLData item = new SQLData(rset.getString("name"), rset.getString("prod_desc"), rset.getDouble("price"));
    dataItems.add(item);
}
// 生成表格
out.println("<table class='table table-bordered'>");
out.println("<tr>");
for (int i = 0; i < dataItems.size(); i++) {
    if (i >= 5 && i % 5 == 0) {
        out.println("</tr><tr>");
    }
    int idNum = i + 1;
    // 每个单元格单独创建form
    out.println("<td>");
    out.println("<form method='get' action='http://localhost:9999/animeShop/query'>");
    out.println("<input type='hidden' name='fname' value='" + idNum + "'>");
    out.println(dataItems.get(i));
    out.println("<input type='submit' value='Search' />");
    out.println("</form>");
    out.println("</td>");
}
out.println("</tr>");
out.println("</table>");

方案2：使用链接代替表单提交（更简洁） #

既然是GET请求，完全可以直接用<a>标签拼接URL参数，不需要表单和隐藏输入，代码更清爽：

// 获取SQL数据
List<Object> dataItems = new ArrayList<Object>();
while (rset.next()) {
    SQLData item = new SQLData(rset.getString("name"), rset.getString("prod_desc"), rset.getDouble("price"));
    dataItems.add(item);
}
// 生成表格
out.println("<table class='table table-bordered'>");
out.println("<tr>");
for (int i = 0; i < dataItems.size(); i++) {
    if (i >= 5 && i % 5 == 0) {
        out.println("</tr><tr>");
    }
    int idNum = i + 1;
    // 用a标签直接跳转，样式可以用CSS改成按钮样子
    out.println("<td>" + dataItems.get(i) + " <a href='http://localhost:9999/animeShop/query?fname=" + idNum + "' style='padding:2px 8px; border:1px solid #ccc; background:#f5f5f5; text-decoration:none;'>Search</a></td>");
}
out.println("</tr>");
out.println("</table>");

如果想要链接看起来和按钮一样，只需要给<a>标签加一点CSS样式就行，效果和submit按钮几乎一致。

内容的提问来源于stack exchange，提问作者kittyKat