复选框选中table一行的数据，并组成JSON数组对象传递到后台，在后台解析遍历

最新推荐文章于 2021-06-03 22:00:14 发布

小白师兄

最新推荐文章于 2021-06-03 22:00:14 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/w1428002522/article/details/52920872

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

博客内容讲述了如何在前端通过JavaScript选取表格中被选中的复选框数据，将其转化为JSON数组对象，并通过Ajax传递到后台。在后台，接收到的数据被解析并遍历，提取每个对象的Jffs, Xmdm, Dj, Sl和Je属性。" 51472577,5659494,m序列生成：原理、MATLAB及FPGA实现解析,"['通信', 'fpga', 'matlab', '扩频通信', '数字信号处理']

复选框选中table一行的数据，并装成数组对象
   //定义一个数组
   var selectedData = [];
   //获取选中的复选框
   $(":checkbox:checked").each(function(){
      //获取该节点最近的一个tr
      var tr = $(this).closest("tr");
      //获取当前行的各个列的数据,eq()的下标索引从0开始。
      var jffs = $(tr).find("td").eq(1).children().val();
      var xmdm= $(tr).find("td").eq(2).children().val();
      var dj= $(tr).find("td").eq(3).children().val();
      var sl= $(tr).find("td").eq(4).children().val();
      var je= $(tr).find("td").eq(5).children().val();
      //将数据装成对象数组
      selectedData.push({Jffs:jffs,Xmdm:xmdm,Dj:dj,Sl:sl,Je:je});
   });
   //将数据封装成JSON使用ajax传到后台
   var dat = JSON.stringify(selectedData);

   //在后台解析对象数组
   String dat = this.getRequest().getParameter("dat");
   JSONArray jArray=JSONArray.fromObject(dat);
   if(jArray.size()>0){
       for(int i = 0;i < jArray.size();i++){
           JSONObject json = (JSONObject) jArray.get(i);
           String jffs = json.getString("Jffs");
           String xmdm = json.getString("Xmdm");
           String je = json.getString("Je");
           String sl = json.getString("Sl");
           String dj = json.getString("Dj");
       }
   }