JavaEE中为删除数据操作与退出操作添加确认提示框
时间:2022-07-22
本文章向大家介绍JavaEE中为删除数据操作与退出操作添加确认提示框,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
用户删除与用户退出
- 以删除指定empId的员工为例
- 以用户退出为例
以删除指定empId的员工为例
一、js方式
1、在jsp界面中,找到删除按钮所在的地方,为其添加超链接javascript:delEmp(’${emp.empId’},代表点击删除时调用delEmp函数,并且传入empId的值。
注意: 如果需要传入的值时int类型,则在使用el表达式调用时,外部可以不加单引号。 而如果传入的值时string类型,则需要在其外部加单引号。 在本例中,empId定义为string类型,所以需要加单引号。
2、在Jsp页面的script代码中创建delEmp(empId)函数。
创建flag变量,当点击是时,执行超链接,跳转到相关servlet程序,并执行删除删除操作。并且将empId传入servlet程序中,令servlet陈新股根据empId删除相应的员工。
3、完善业务层、servlet代码中的删除操作。
演示:删除empId为‘hhh’的数据。
删除成功,列表中没有该条数据
二、Ajax方式
1、定位到删除操作,通过javaScript:void(0)阻断a标签的href属性。使我们单击时,即可触发del()函数,并传入要删除用户的id
2、通过Ajax,向servlet发送要删除用户的id并接收执行删除操作后servlet通过直接响应发送的值( resp.getWriter().write(“true/false”) )。
如果为true,则提示删除成功,并跳转到用户查询的界面。故编写删除方法时,应当先编写用户查询的方法。
<script type="text/javascript">
//判断用户选择是否发起ajax请求进行用户信息删除
function del(uid){
if(confirm("您确定要删除吗?")){
$.ajax({
type:"get",//请求方式
url:"data?method=delUserInfo",//servlet上具体方法的路径
data:"uid="+uid,//请求响应的参数
success:function(data){//函数方法
if(eval(data)){//判断是true还是false
alert("删除成功");
window.location.href="data?method=selUserInfo";
}
}
})
}
}
</script>
3、完善业务层、servlet代码中的删除操作。
点击删除
删除成功并且点击确认后页面自动刷新
ps: 如果没有值的传递可以考虑直接为href添加id(但有值传递只能采取前面的方式),然后通过jquery实现,举例如下。
以用户退出为例
1、添加id属性
2、通过jquery添加相应的函数
- Python时间序列预测案例研究:巴尔的摩年度用水量
- [一对一课程] 之 设计并实现第一个JS模块?
- React Native 使用react-native-image-picker库实现图片上传功能
- 再谈Android动态链接库
- React Native之Permissions权限适配
- React Native项目实战之fetch请求并填充界面
- CocoaPods使用详解
- 2018年伊始,系统编程语言Rust为何令程序员感到兴奋?
- React Native项目实战之搭建美团个人中心界面
- React Native动画Animated详解
- iOS动画总结
- React Native之react-native-scrollable-tab-view详解
- iOS 本地轻量级数据存储之NSUserDefaults
- Android Studio配置Kotlin环境
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- 文档驱动 —— 表单组件(五):基于Ant Design Vue 的表单控件的demo,再也不需要写代码了。 表单一 公司信息表单二 员工信息,简化版,只是为了演示表单的切换。以后会出
- 文档驱动 —— 查询组件:将查询功能做到极致!你说还有啥没包含进来?antdv + vue 3.0 全新体验 快捷查询个性化查询方案更换各种查询方式更多的查询条件meta 驱动封装基础
- ES6能干啥?
- JQuery中DOM对象
- ES6都有什么?
- 前端html换肤
- 纯CSS换肤
- JS模块化和使用
- JS中的数组方法
- JS规范注释
- 选择排序,冒泡排序
- PHP时间戳
- 阿波罗的轻语
- 天哪!跟真的一样(CSS)
- Canvas游动的花花肠子