SpringMVC下删除一条数据后重新加载当前页面(已实现分页功能)
来源:互联网 发布:立体设计软件下载 编辑:程序博客网 时间:2024/06/06 02:55
概述
在做删除功能时,为了实现删除一条数据后重新加载当前页面的数据列表
前提
使用SpringMVC进行构建,并且已实现分页功能,前台使用jsp+jquery
步骤
1.前台:
使用jquery选择删除按钮并绑定点击事件deleteCost,代码如下:
function deleteCost(id, page) { //此处弹出确认框询问 var r = window.confirm("确定要删除此资费吗?"); //当选择确认按钮时,执行if语句操作 if(r){ //执行删除操作路径 var url = "deleteCost.do"; //需要传递参数: //1.删除资费数据的id——以便数据库查找进行删除操作 //2.当前页面的页码——以便重新加载页面实现页面定位 var data = {"cost_id":id,"page":page}; //向服务器传递并接收返回信息 $.post(url,data,function(result){ location.href = result; }); }}
2.后台:
接收前台传入的cost_id, page参数,在函数前增加@ResponseBody标签,返回值为需要重定向页面的url
@RequestMapping("/deleteCost.do")@ResponseBodypublic String deleteCost(int cost_id, int page) { costService.deleteCost(cost_id); return "list.do?currentPage=" + page;}
注:此功能需要在完成加载数据和分页功能的基础上进行
Ps:尝试过只传入cost_id进行删除操作后使用location.reload()方法进行刷新,但未能成功刷新出来,希望有其他方法的大神多多指教啦~~~
阅读全文
0 0
- SpringMVC下删除一条数据后重新加载当前页面(已实现分页功能)
- datatable 在分页的情况下 如何实现重新加载当前页信息
- ListView 加载数据实现分页加载功能
- ext grid 删除最后一条数据后,页面更新失败
- JS重新加载当前页面
- JS重新加载当前页面
- js实现数据加载分页功能的实现(通用)
- 怎么实现表单提交后不重新刷新当前页面
- 怎么实现表单提交后不重新刷新当前页面
- 怎么实现表单提交后不重新刷新当前页面
- js实现表单提交后不重新刷新当前页面,并停留在当前页面
- JavaScript实现页面加载成功后刷新一遍当前页面(一)
- JavaScript实现页面加载成功后刷新一遍当前页面(二)
- js删除数据后仍跳转到在当前页面
- JavaScript 刷新/重新加载当前页面
- JavaScript 刷新/重新加载当前页面
- AngularJS中重新加载当前路由页面
- jquery-datatable实现表格加载,分页和删除功能
- 19 枚举类型
- 使用SeleniumWebDriver开始自动化-简单示例
- LeetCode#136. Single Number
- 发布 Victor 串口控件 1.5.0.6 VCL/FMX for C++ Builder 5 ~ 10.2 Tokyo 全系列版本
- *** 喵哈哈村的几何大师╰☆莣メ誋こ月
- SpringMVC下删除一条数据后重新加载当前页面(已实现分页功能)
- docker
- 启动tomcat服务器,为何要配置CATALINA_HOME和JAVA_HOME ?
- IDEA+MAVEN+spring boot使用springloaded笔记
- X86 XCHG指令详解
- C++学习:动态内存分配对象的new/delete运算符与函数malloc/free
- 平凡的世界——语段摘要
- [bzoj3884]上帝与集合的正确用法 欧拉定理
- 数据降维PCA