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请求数据与删除数据后刷新页面相关推荐

  1. java 刷新界面_利用java如何实现在删除信息后刷新页面功能

    利用java如何实现在删除信息后刷新页面功能 发布时间:2020-11-17 14:25:49 来源:亿速云 阅读:74 作者:Leah 这篇文章给大家介绍利用java如何实现在删除信息后刷新页面功能 ...

  2. java删除页面数据不刷新_Ajax请求数据与删除数据后刷新页面

    1.ajax异步请求数据后填入模态框 请求数据的按钮(HTML) ajax异步请求数据后给id为queryInfo的模态框赋值并弹出模态框(JS) //查询单个 functionquery(id) { ...

  3. LayUi前端框架删除数据缓存问题(解决删除后刷新页面内容又会显示问题)

    LayUi前端框架删除数据缓存问题(解决删除后刷新页面内容又会显示问题) 参考文章: (1)LayUi前端框架删除数据缓存问题(解决删除后刷新页面内容又会显示问题) (2)https://www.cn ...

  4. ajax使用json下拉框,ajax请求后台得到json数据后动态生成树形下拉框的方法

    如下所示: $(function(){ $.ajax({ url:"departmentAction_getAllDep.action", type:"post" ...

  5. vue 添加完数据后刷新页面_vue form 表单提交后刷新页面的方法

    最近做的项目中,有增删改表格功能,在操作后需要实时更新页面数据.下面可以这样解决. 1.在methods中 定义好一个初始化渲染实例. 例如 lnitializationData(){//初始化页面数 ...

  6. easyui datatable ajax 加载数据,ASP.NET easyUI--datagrid 通过ajax请求ASP.NET后台数据的分页查询...

    js前台对datagrid的定义代码,如下 mygrid = $('#mytable').datagrid({ fit: true, //自动大小 height: 'auto', rownumbers ...

  7. ajax请求json和xml数据及对json和xml格式数据的解析

    ajax请求json和xml数据及对json和xml格式数据的解析 一.ajax请求json数据并解析 ajax的写法: json数据解析: 请求json经常出现的跨域报错: 二.ajax请求xml数 ...

  8. vue单页面跳页没有数据了_详解刷新页面vuex数据不消失和不跳转页面的解决

    先说点什么 vuex和路由拦截这一块捣鼓的有一段时间了,总算是爬出来了,特地来分享一下,首先声明没有什么基础介绍,用的是登录状态存储sessionStorage的方法!!! 进入正题 刷新 刷新相当与 ...

  9. 【RecyclerView】 十一、RecyclerView 数据更新 ( 删除单条数据 | 批量删除数据 )

    文章目录 一.删除单条数据 二.批量删除数据 三.完整代码示例 四.RecyclerView 相关资料 一.删除单条数据 删除单条数据 : 调用 RecyclerView.Adapter 的 void ...

最新文章

  1. “OMP: Error #15: Initializing libiomp5.dylib, but found libomp.dylib already initialized“ error
  2. 《CLR via C#》读书笔记 之 参数
  3. 1039 到底买不买(pat乙级、C++)
  4. linux+虚拟机上的wdcp,linux虚拟主机服务器wdcp系统教程
  5. Mac 登陆Linux云服务器方法
  6. Mysql权限控制-允许用户远程链接
  7. PHP的学习--可变函数
  8. springboot 项目中在普通类中调用dao层的mapper 出现空指针异常
  9. vim 使用、设置笔记
  10. 脱口秀在尝试处理一件难事
  11. 注册google的gmail邮箱显示此手机号无法用于验证--解决
  12. 解决“error C1083: 无法打开包括文件: “HPSocket.h”: No such file or directory”
  13. IAR下载: Failed to get cpu status after 4 retrie 的解决方法
  14. css实现六边形及其它灵活布局
  15. 模拟摄像头CCD板机揭秘
  16. 令人肝肠寸断的100个签名
  17. 转 云中漫步的 电子书 from simon
  18. 新浪微博松绑140字限制 内容和社交能否兼得?
  19. 萧乾升:4.13黄金白银TD纸白银早盘策略
  20. C语言-数组和指针-11(已有一个排号序的数组,要求输入一个数后,按原来的排序规律将它插入数组中)

热门文章

  1. java 字符查找 截断_java字符串常用操作(查找、截取、分割)
  2. SignalR介绍与Asp.net
  3. Rx:4-[编外篇] .NET4里的Concurrent Collections
  4. 项目优化经验mdash;mdash;垃圾回收导致的性能问题[z]
  5. 数据库连接池问题[转]
  6. Google Maps API V3: 通过邮编获取经纬度 Get Location (Latitude and Longitude) from Zip Cod
  7. PNG图在IE6下透明的终极解决方案
  8. C++——如何重载*(指针)操作符
  9. 华为机试——数字颠倒
  10. 【今日CV 计算机视觉论文速览 第130期】Thu, 13 Jun 2019