Ajax请求数据与删除数据后刷新页面
1.ajax异步请求数据后填入模态框
请求数据的按钮(HTML)
<a class="queryA" href="javascript:void(0)" onclick="query(${register.id})"> <span class="glyphicon glyphicon-search"></span></a>
ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框(JS)
//查询单个 function query(id) {$.ajax({url : "/small/productServlet",async : true,type : "POST",data : {"type" : "query","id" : id},// 成功后开启模态框 success : showQuery,error : function() {alert("请求失败");},dataType : "json"}); }// 查询成功后向模态框插入数据并开启模态框。data是返回的JSON对象 function showQuery(data) {$("#name1").val(data.name);$("#xinghao1").val(data.xinghao);$("#address1").val(data.address);$("#department1").val(data.department);$("#unit1").val(data.unit);$("#number1").val(data.number);$("#price1").val(data.price);$("#totalprice1").val(data.totalprice);$("#come1").val(data.come);$("#buytime1").val(data.buytime);$("#useperson1").val(data.useperson);$("#handleperson1").val(data.handleperson);$("#admini1").val(data.admini);// 显示模态框$('#queryInfo').modal('show'); }
后台处理ajax请求并返回JSON串(Java)
protected void doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {RegisterService service = new RegisterServiceImpl();request.setCharacterEncoding("UTF-8");response.setCharacterEncoding("UTF-8");response.setContentType("text/html; charset=UTF-8");String type = request.getParameter("type");if (type != null && "add".equals(type)) {try {this.add(request, response, service);} catch (Exception e) {// TODO Auto-generated catch block e.printStackTrace();}}if (type != null && "query".equals(type)) {try {this.query(request, response, service);} catch (Exception e) {// TODO Auto-generated catch block e.printStackTrace();}}}protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {doGet(request, response);}public void query(HttpServletRequest request, HttpServletResponse response, RegisterService service)throws Exception {Integer id = Integer.parseInt(request.getParameter("id"));Register register = service.getRegisterById(id);Gson gson = new Gson();String json = gson.toJson(register);System.out.println(json);response.getWriter().write(json);}
JSON串:
{"id":16,"name":"测试名称16","address":"测试地址2","department":"测试部门2","unit":"测试单位2","number":1,"price":1.5,"totalprice":1.5,"come":"来源2","buytime":"八月 23, 2017","useperson":"使用人2","handleperson":"经办人2","admini":"管理员部门2"}
2.ajax异步请求删除数据后刷新页面
请求删除的按钮(HTML)
<a class="" href="javascript:void(0)" onclick="deleteInfo(${register.id})"> <span class="glyphicon glyphicon-trash"></a>
Ajax请求删除数据后刷新页面(JS)
// ajax异步删除后刷新页面 function deleteInfo(id) {alert("dele");$.ajax({url : "/small/productServlet",async : true,type : "POST",data : {"type" : "delete","id" : id},success : function(data) {alert(data);// 删除成功后刷新页面 window.location.reload();},error : function() {alert("请求失败");},dataType : "text"}); }
后台处理删除的ajax请求(Java)
// 根据id删除public void delete(HttpServletRequest request, HttpServletResponse response, RegisterService service)throws Exception {Integer id = Integer.valueOf(request.getParameter("id"));boolean result = service.deleteRegisterById(id);if (result) {response.getWriter().write("success delete!");}}
Ajax请求数据与删除数据后刷新页面相关推荐
- java 刷新界面_利用java如何实现在删除信息后刷新页面功能
利用java如何实现在删除信息后刷新页面功能 发布时间:2020-11-17 14:25:49 来源:亿速云 阅读:74 作者:Leah 这篇文章给大家介绍利用java如何实现在删除信息后刷新页面功能 ...
- java删除页面数据不刷新_Ajax请求数据与删除数据后刷新页面
1.ajax异步请求数据后填入模态框 请求数据的按钮(HTML) ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框(JS) //查询单个 functionquery(id) { ...
- LayUi前端框架删除数据缓存问题(解决删除后刷新页面内容又会显示问题)
LayUi前端框架删除数据缓存问题(解决删除后刷新页面内容又会显示问题) 参考文章: (1)LayUi前端框架删除数据缓存问题(解决删除后刷新页面内容又会显示问题) (2)https://www.cn ...
- ajax使用json下拉框,ajax请求后台得到json数据后动态生成树形下拉框的方法
如下所示: $(function(){ $.ajax({ url:"departmentAction_getAllDep.action", type:"post" ...
- vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法
最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中 定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...
- easyui datatable ajax 加载数据,ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询...
js前台对datagrid的定义代码,如下 mygrid = $('#mytable').datagrid({ fit: true, //自动大小 height: 'auto', rownumbers ...
- ajax请求json和xml数据及对json和xml格式数据的解析
ajax请求json和xml数据及对json和xml格式数据的解析 一.ajax请求json数据并解析 ajax的写法: json数据解析: 请求json经常出现的跨域报错: 二.ajax请求xml数 ...
- vue单页面跳页没有数据了_详解刷新页面vuex数据不消失和不跳转页面的解决
先说点什么 vuex和路由拦截这一块捣鼓的有一段时间了,总算是爬出来了,特地来分享一下,首先声明没有什么基础介绍,用的是登录状态存储sessionStorage的方法!!! 进入正题 刷新 刷新相当与 ...
- 【RecyclerView】 十一、RecyclerView 数据更新 ( 删除单条数据 | 批量删除数据 )
文章目录 一.删除单条数据 二.批量删除数据 三.完整代码示例 四.RecyclerView 相关资料 一.删除单条数据 删除单条数据 : 调用 RecyclerView.Adapter 的 void ...
最新文章
- “OMP: Error #15: Initializing libiomp5.dylib, but found libomp.dylib already initialized“ error
- 《CLR via C#》读书笔记 之 参数
- 1039 到底买不买(pat乙级、C++)
- linux+虚拟机上的wdcp,linux虚拟主机服务器wdcp系统教程
- Mac 登陆Linux云服务器方法
- Mysql权限控制-允许用户远程链接
- PHP的学习--可变函数
- springboot 项目中在普通类中调用dao层的mapper 出现空指针异常
- vim 使用、设置笔记
- 脱口秀在尝试处理一件难事
- 注册google的gmail邮箱显示此手机号无法用于验证--解决
- 解决“error C1083: 无法打开包括文件: “HPSocket.h”: No such file or directory”
- IAR下载: Failed to get cpu status after 4 retrie 的解决方法
- css实现六边形及其它灵活布局
- 模拟摄像头CCD板机揭秘
- 令人肝肠寸断的100个签名
- 转 云中漫步的 电子书 from simon
- 新浪微博松绑140字限制 内容和社交能否兼得?
- 萧乾升:4.13黄金白银TD纸白银早盘策略
- C语言-数组和指针-11(已有一个排号序的数组,要求输入一个数后,按原来的排序规律将它插入数组中)
热门文章
- java 字符查找 截断_java字符串常用操作(查找、截取、分割)
- SignalR介绍与Asp.net
- Rx:4-[编外篇] .NET4里的Concurrent Collections
- 项目优化经验mdash;mdash;垃圾回收导致的性能问题[z]
- 数据库连接池问题[转]
- Google Maps API V3: 通过邮编获取经纬度 Get Location (Latitude and Longitude) from Zip Cod
- PNG图在IE6下透明的终极解决方案
- C++——如何重载*(指针)操作符
- 华为机试——数字颠倒
- 【今日CV 计算机视觉论文速览 第130期】Thu, 13 Jun 2019