博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery ajax()使用serialize()提交form数据到后台
阅读量:5032 次
发布时间:2019-06-12

本文共 1082 字,大约阅读时间需要 3 分钟。

1、选中要删除的学生信息

2、点击 删除选中 按钮,把复选框中的值取出提交到后台

3、后台获取选中的id

 

 4、前端也跟着删除数据

示例代码:

前端代码:

    
Title

学生信息列表

//表格外面加一个form表单包括table,为了序列化表单 //里面不需要添加method..就给一个id就行了
编号 姓名 性别 年龄 班级 全选

后台代码:(只附上删除的Servlet代码)

@WebServlet("/dels")public class DeleteServlet extends HttpServlet {    @Override    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {        //取出提交过来表单选中序列化的值 name都为stuId的        //取出来是一个String[]数组        String[] sids=req.getParameterValues("stuId");        for (String str:sids) {            System.out.println("获取id"+str);        }        //实例化dao方法        StudentDao dao =new StudentDao();        //调用删除的方法 返回int[]数组        int[] row=dao.studelete(sids);        //只需判断有没有数据即可,有就响应200表示成功后台删除成功,否则500删除失败        resp.getWriter().println(row!=null?200:500);    }}

 

转载于:https://www.cnblogs.com/hhmm99/p/9445515.html

你可能感兴趣的文章
libeXosip2(3) -- SIP messages and call control API
查看>>
PHP-浏览器参数防注入检测函数
查看>>
面试技巧锦集
查看>>
PLSQL日期函数
查看>>
8 个最好的 jQuery 树形 Tree 插件
查看>>
jQuery的ajax跨域实现
查看>>
重温.NET下Assembly的加载过程
查看>>
前端读者 | 前端开发者调试面板vConsole
查看>>
PrimeNumber
查看>>
Array对象的方法实现(1)----Array.prototype.push和Array.prototype.concat(实现常规参数的功能)...
查看>>
UVA 10200 Prime Time 水
查看>>
Fidder模拟发送请求
查看>>
Linux基础
查看>>
js时间的操作,为了让cookie在当天24点过期~
查看>>
【USACO】干草金字塔
查看>>
编译Nginx, 并使用自签证书实现https访问
查看>>
整合VS2010和NUnit
查看>>
01Hibernate
查看>>
《nodejs+gulp+webpack基础实战篇》课程笔记(五)-- 实战演练,构建用户登录
查看>>
工作中EF遇到的问题
查看>>