bulidfer 2016-09-29 02:44 采纳率: 0%
浏览 5022
已采纳

怎么把前台页面的table里面的值封装成list 传入到后台 table的值是js动态赋值的

项目采用框架spring springmvc mybatis
数据库 mybatis

js部分

 var arrVZ=eval(json[index].listVX);//arrVZ是一个数组
                        var str="";
                        for (var i = 0; i< arrVZ.length; i++) {
                            alert(arrVZ[i].xiangmu_name);
                            alert("项目id:"+arrVZ[i].id);
                            str +="<tr>";
                            str +="<td colspan=\"5\">";
                            str +="<div style=\"margin-left: 148px;\" id=\"visceraXiangmus\">";
                            str +="<div style=\"float: left;\">";
                            str +="<input type=\"hidden\" name=\"id2\" id=\"id2\" value=\""+arrVZ[i].id+"\"/>";
                            str +="<textarea style=\"width: 50px;\" id=\"xiangmu_code\" name=\"xiangmu_code\" >"+arrVZ[i].xiangmu_code+"</textarea>";
                            str +="<textarea style=\"width: 100px;margin-left: 13px;\" id=\"value\" name=\"value\">"+arrVZ[i].value+"</textarea>";
                            str +="<textarea style=\"width: 120px;margin-left: 14px;\" id=\"xiangmu_name\" name=\"xiangmu_name\">"+arrVZ[i].xiangmu_name+"</textarea>";
                            str +="<textarea style=\"width: 360px; margin-left: 14px;\" id=\"content\" name=\"content\">"+arrVZ[i].content+"</textarea>";
                            str +="</div>";
                            str +="<div >";
                            str +=" <input type=\"button\" onclick=\"delRow(this)\" value=\"删除\" id=\"deleteXiangmu\" name=\"deleteXiangmu\" style=\"float: left; margin-left: 10px; margin-top: 5px;\">";
                            str +="</div>";
                            str +="</div>";
                            str +="</td>";                      
                            str +="</tr>";
                            $("#tbody").html(str);

                        }                       

jsp页面部分

 <!--  脏腑项目开始 -->
                                        <!--  脏腑项目开始 -->
                                    <div id="middle">
                                       <!-- <button style="float: right; margin-right: 95px;">添加</button> -->
                                       <input type="button" onclick="addRow()" value="添加项目"id="saveXiangmu" name="saveXiangmu" style="float: right; margin-right: 95px;">
                                      <table border="0" cellpadding="2" cellspacing="1" style="width: 100%" id="rowTable">
                                       <thead>
                                          <th></th>
                                       <tr>
                                         <td colspan="5" style="line-height: 40px;">
                                            <label style="margin-left:148px">项目编号</label>
                                            <label style="margin-left:20px">项目分值</label>
                                            <label style="margin-left:68px">项目名称</label>
                                            <label style="margin-left:88px">项目说明</label>
                                         </td>
                                       </tr>

                                       </thead>
                                  <!-- tbody里面是动态添加的内容 -->
                                       <tbody id="tbody">


                                       </tbody>                             
                                     </table>                                   
                                    </div>

                                    <hr style="width: 80%;margin-top: 30px;margin-bottom:30px">
                                    <!--  脏腑项目结束 -->

控制器部分

        List<VisceraXiangmu> listVX=jingluoDetectionService.findVisceraXiangmuByZangfuId(zangfu_id1);
                if(listVX.size()!=0){
                    for (int i = 0; i < listVX.size(); i++) {
                        System.out.println(listVX.get(i).getXiangmu_name());
                        String id2 = request.getParameter("id2") == null ? "" : request.getParameter("id2");// 脏腑项目表id的值

                        String xiangmu_code = request.getParameter("xiangmu_code") == null ? "" : request.getParameter("xiangmu_code");
                        String xiangmu_name = request.getParameter("xiangmu_name") == null ? "" : request.getParameter("xiangmu_name");
                        String main = request.getParameter("main") == null ? "" : request.getParameter("main");
                        String gender = request.getParameter("gender") == null ? "" : request.getParameter("gender");
                        String content = request.getParameter("content") == null ? "" : request.getParameter("content");
                        String value = request.getParameter("value") == null ? "" : request.getParameter("value");
                        int main1=Integer.parseInt(main+"1");
                        int id3=Integer.parseInt(id2);
                        jingluoDetectionService.updateVisceraXiangmu(id3, zangfu_id1, xiangmu_code, xiangmu_name, main1, gender, content, value);
                    }

页面展示

图片说明

怎么实现保存以后 循环批量修改页面显示的值

后台的控制类 改怎么取接收动态的table的参数值来就行update

  • 写回答

8条回答 默认 最新

  • 摇摆Maori 2016-09-29 02:55
    关注

    给你个思路
    1、如果你后端要用数组接的话,那么就把 table 同一列的input元素name数据值写成一样,后端就可以数组接收
    2、也可以后端接收字符串的json格式数据,然后转成Map, 前台构建json对象的数据用JSON.stringify(List) 转成字符串作为参数值给后端

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(7条)

报告相同问题?

悬赏问题

  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型