js 第一种
效果:点击删除,必须确定才能删除
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>$Title$</title>
</head>
<script>
function del(){
if (confirm("确定删除?")){
window.location.href=${pageContext.request.contextPath}/+"t";
alert("yes");
}
}
</script>
<body>
<a href="javascript:;" onclick="del()">
删除用户
</a>
<div> ${pageContext.request.contextPath}</div>
</body>
</html>
jQuery第二种
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("a.deleteClass").click(function () {
//alert("1111");
return confirm("你确定要删除["+$(this).parent().parent().find("td:first").text() +"]?");
});
});
</script>
<c:forEach items="${requestScope.page.items}" var="book" >
<tr>
<td> ${book.name} </td>
<td> ${book.price} </td>
<td> ${book.author} </td>
<td> ${book.sales} </td>
<td> ${book.stock} </td>
<td><a href="../manager/bookServlet?action=getBook&id=${book.id}&pageNo=${requestScope.page.pageNo}">修改</a> </td>
<td><a class="deleteClass" href="../manager/bookServlet?action=delete&id=${book.id}&pageNo=${requestScope.page.pageNo}">删除</a></td>
</tr>
</c:forEach>
------------------------------------
ajax
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>$Title$</title>
</head>
<script src="js/jquery-3.5.1.js"></script>
<script>
function a() {
$.ajax({
url: "${pageContext.request.contextPath}/t",
data: {"name":$("#username").val()},//name和后端接受的name对应
success:function (data,status) {
//alert(data);
console.log("status"+status);
}
})
}
</script>
<body>
用户名: <input type="text" id="username" onblur="a()">
</body>
</html>