执行完删除操作后提示alert后返回删除后的action

本文介绍了一个success.jsp页面中利用JavaScript实现的删除操作及跳转功能,具体步骤包括使用out.print输出alert弹窗显示'删除成功'信息,并通过window.location.href跳转到listtables.action页面。以倒数第二条记录(如10步学习javascript.pdf)为例,阐述了删除前后的页面变化。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


这是一个success.jsp页面。

需要用到的javascript语句为:out.print("alert('"+msg+"');window.location.href='listtables.action';");

删除成功时,msg为“删除成功”;

效果为:*(删除的记录为 倒数第二条:10步学习javascript.pdf)

删除前:
执行完删除操作后提示alert后返回删除后的action - 林芬亮 - 断鸿零雁的博客
删除成功时:
执行完删除操作后提示alert后返回删除后的action - 林芬亮 - 断鸿零雁的博客
 删除后的页面:
执行完删除操作后提示alert后返回删除后的action - 林芬亮 - 断鸿零雁的博客
 
 
<think>好的,我需要解决用户的问题:在JSP页面中通过JavaScript显示确认提示框,并根据用户的选择执行页面跳转。首先,我得回忆一下相关的知识。 用户提到他们想在JSP中实现这个功能,所以应该结合前端JavaScript和后端的JSP/Servlet来处理。根据提供的引用资料,比如引用[3]和引用[5],提到了使用JavaScript的confirm函数,然后根据用户的选择进行跳转。此外,引用[4]提到了几种页面跳转的方法,比如location.href或replace。 首先,用户需要的是一个按钮或链接,点击触发JavaScript的确认对话框。确认框返回true或false,根据这个结果决定是否跳转。例如,使用onclick事件调用confirm,如果确认,就执行跳转。这应该在前端成,不需要后端处理,除非跳转的URL需要动态生成。 但如果有需要传递参数到后端的情况,比如删除操作,可能需要结合表单提交。引用[1]和引用[3]提到通过表单提交到Servlet,处理后再跳转。这候可以在Servlet中使用弹窗,但根据引用[2],可能更建议在前端处理弹窗,后端返回信息到前端,再由前端决定跳转。 需要注意JSP中如何嵌入JavaScript。例如,使用<c:if>来判断是否有需要显示的信息,如引用[2]中的例子。但当前问题主要是确认后的跳转,所以可能不需要后端传递参数,直接前端处理即可。 可能还需要处理中文乱码问题,如引用[3]中提到的设置response的编码格式。不过在前端跳转,如果URL中有中文参数,可能需要编码处理,但用户的问题可能不涉及这个。 总结步骤: 1. 在JSP页面的按钮或链接上绑定onclick事件。 2. 使用JavaScript的confirm()显示确认框。 3. 如果用户确认,使用window.location.href或类似方法跳转页面。 4. 如果有需要提交表单到Servlet处理,在确认后提交表单,Servlet处理重定向到目标页面。 需要检查不同方法的应用场景,用户是否需要直接跳转还是需要后端处理。根据用户的问题描述,可能两种情况都需要考虑。例如,删除操作需要先确认,然后提交到Servlet处理,再跳转。这候需要结合表单提交和JavaScript确认。 现在需要写出示例代码,可能有两种情况:直接前端跳转和通过表单提交到后端再跳转。需要分别说明这两种方法,并参考提供的引用资料中的例子。 另外,要注意JSP中JavaScript的正确写法,比如使用双引号和单引号的转义,或者使用EL表达式动态生成URL参数。例如,如果跳转的URL需要动态获取,可以使用${}表达式。 最后,确保回答结构清晰,分步骤说明,并提供代码示例,同引用相关的参考资料。</think>### 分步实现JSP页面确认后跳转的方法 #### 方法1:纯前端实现(适用于简单跳转) 1. **添加按钮或链接** 在JSP页面中创建按钮或超链接,绑定`onclick`事件触发确认框: ```jsp <button onclick="confirmRedirect('目标页面地址')">跳转按钮</button> <!-- 或 --> <a href="#" onclick="return confirmAction('目标页面地址')">删除操作</a> ``` 2. **编写JavaScript函数** 使用`confirm()`显示对话框,根据用户选择执行跳转: ```javascript function confirmRedirect(url) { if (confirm("确认要跳转吗?")) { window.location.href = url; // 直接跳转 } } function confirmAction(url) { const isConfirm = confirm("确认执行操作吗?"); if (isConfirm) { window.location.href = url; } return false; // 阻止超链接默认行为 } ``` #### 方法2:结合后端Servlet(需提交数据) 1. **JSP页面设置表单和脚本** 通过表单提交到Servlet,在提交前触发确认: ```jsp <form id="delForm" action="/deleteServlet" method="post"> <input type="hidden" name="id" value="123"> <button type="button" onclick="submitWithConfirm()">删除</button> </form> <script> function submitWithConfirm() { if (confirm("确认删除吗?")) { document.getElementById("delForm").submit(); // 提交表单 } } </script> ``` 2. **Servlet处理跳转** 在Servlet中处理请求后,重定向到目标页面(可添加提示信息): ```java protected void doPost(HttpServletRequest request, HttpServletResponse response) { // 处理删除逻辑 response.setContentType("text/html;charset=UTF-8"); PrintWriter out = response.getWriter(); out.print("<script>alert('删除成功'); window.location.href='result.jsp';</script>"); // 弹窗后跳转[^3] } ``` #### 方法3:后端返回提示信息至前端 参考引用[2],利用JSTL传递提示信息并弹窗: 1. **Servlet设置参数** ```java request.setAttribute("info_msg", "删除成功"); request.getRequestDispatcher("page.jsp").forward(request, response); ``` 2. **JSP页面判断并弹窗** ```jsp <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <c:if test="${not empty info_msg}"> <script> alert("${info_msg}"); window.location.href = "newPage.jsp"; // 弹窗后自动跳转 </script> </c:if> ``` ### 关键点总结 - **直接跳转**:使用`window.location.href`或`replace()`[^4] - **防止乱码**:Servlet中设置`response.setCharacterEncoding("UTF-8")` - **表单提交**:通过`onsubmit`事件或按钮触发确认逻辑
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值