我有一个HTML表格,其中的行是从数据库中获取并显示在表格中的。我希望用户能够通过点击每一行旁边的删除超链接或按钮来删除一行。
当用户点击这些删除超链接或按钮时,我该如何调用页面上的JSP函数,以便我可以从数据库中删除该行的条目?<a>
或<button>
标签应该具备什么样的调用JSP函数的内容?
请注意,我需要调用JSP函数,而不是JavaScript函数。
我有一个HTML表格,其中的行是从数据库中获取并显示在表格中的。我希望用户能够通过点击每一行旁边的删除超链接或按钮来删除一行。
当用户点击这些删除超链接或按钮时,我该如何调用页面上的JSP函数,以便我可以从数据库中删除该行的条目?<a>
或<button>
标签应该具备什么样的调用JSP函数的内容?
请注意,我需要调用JSP函数,而不是JavaScript函数。
最简单的方法:只需让链接指向一个JSP页面,并将行ID作为参数传递:
<a href="delete.jsp?id=1">delete</a>
delete.jsp
中:(我将明显的请求参数检查/验证放在一边):<% dao.delete(Long.valueOf(request.getParameter("id"))); %>
然而,这是一种相当不良的做法(这仍然是轻描淡写的说法),原因有两个:
修改服务器端数据的HTTP请求不应该使用GET,而应该使用POST。链接是隐式的GET。想象一下当像googlebot这样的网络爬虫尝试跟踪所有删除链接时会发生什么。您应该使用<form method="post">
和<button type="submit">
来执行删除操作。但是,您可以使用CSS将按钮样式设置为链接样式。只需预加载项目以填充编辑表单的编辑链接可以安全地使用GET。
在JSP中使用scriptlets(那些<% %>
)来放置业务逻辑(您称之为函数)是不鼓励的。您应该使用Servlet来控制、预处理和后处理HTTP请求。
由于您在问题中没有提到Servlet,我怀疑您已经在使用脚本来从数据库加载数据并在表格中显示。这也可以通过一个Servlet完成。
以下是一个基本的示例,演示如何完成所有操作。我不知道表格数据代表什么,因此以产品
为例。
public class Product {
private Long id;
private String name;
private String description;
private BigDecimal price;
// Add/generate public getters and setters.
}
然后是使用JSTL的JSP文件(只需将jstl-1.2.jar放入/WEB-INF/lib
中即可安装),以在表格中显示产品,每行都有一个编辑链接和删除按钮:
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
...
<form action="products" method="post">
<table>
<c:forEach items="${products}" var="product">
<tr>
<td><c:out value="${fn:escapeXml(product.name)}" /></td>
<td><c:out value="${product.description}" /></td>
<td><fmt:formatNumber value="${product.price}" type="currency" currencyCode="USD" /></td>
<td><a href="${pageContext.request.contextPath}/product?edit=${product.id}">edit</a></td>
<td><button type="submit" name="delete" value="${product.id}">delete</button></td>
</tr>
</c:forEach>
</table>
<a href="${pageContext.request.contextPath}/product">add</a>
</form>
products.jsp
并将其放在/WEB-INF
文件夹中,以便它不能直接通过URL访问(从而强制最终用户调用该servlet)。@WebServlet("/products")
public class ProductsServlet extends HttpServlet {
private ProductDAO productDAO; // EJB, plain DAO, etc.
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
List<Product> products = productDAO.list();
request.setAttribute("products", products); // Will be available as ${products} in JSP.
request.getRequestDispatcher("/WEB-INF/products.jsp").forward(request, response);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String delete = request.getParameter("delete");
if (delete != null) { // Is the delete button pressed?
productDAO.delete(Long.valueOf(delete));
}
response.sendRedirect(request.getContextPath() + "/products"); // Refresh page with table.
}
}
/WEB-INF/product.jsp
的添加/编辑表单的样子:<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
...
<form action="product" method="post">
<label for="name">Name</label>
<input id="name" name="name" value="${fn:escapeXml(product.name)}" />
<br/>
<label for="description">Description</label>
<input id="description" name="description" value="${fn:escapeXml(product.description)}" />
<br/>
<label for="price">Price</label>
<input id="price" name="price" value="${fn:escapeXml(product.price)}" />
<br/>
<button type="submit" name="save" value="${product.id}">save</button>
</form>
< p > fn:escapeXml()
的作用是防止 XSS 攻击,当编辑数据重新显示时使用,它与 <c:out>
完全相同,只是更适合在属性中使用。
这是 product
servlet 的样子(为简洁起见,省略了转换/验证):
@WebServlet("/product")
public class ProductServlet extends HttpServlet {
private ProductDAO productDAO; // EJB, plain DAO, etc.
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String edit = request.getParameter("edit");
if (edit != null) { // Is the edit link clicked?
Product product = productDAO.find(Long.valueOf(delete));
request.setAttribute("product", product); // Will be available as ${product} in JSP.
}
request.getRequestDispatcher("/WEB-INF/product.jsp").forward(request, response);
}
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String save = request.getParameter("save");
if (save != null) { // Is the save button pressed? (note: if empty then no product ID was supplied, which means that it's "add product".
Product product = (save.isEmpty()) ? new Product() : productDAO.find(Long.valueOf(save));
product.setName(request.getParameter("name"));
product.setDescription(request.getParameter("description"));
product.setPrice(new BigDecimal(request.getParameter("price")));
productDAO.save(product);
}
response.sendRedirect(request.getContextPath() + "/products"); // Go to page with table.
}
}
部署和运行它。您可以通过http://example.com/contextname/products打开表。
另请参阅: