SSM框架动态表格实现批量新增

最新推荐文章于 2023-05-14 11:27:07 发布

Z_SUHE

最新推荐文章于 2023-05-14 11:27:07 发布

阅读量1.5k

点赞数 1

文章标签：动态表格批量新增 SSM框架

本文链接：https://blog.csdn.net/Z_SUHE/article/details/81089087

版权

本文详细介绍了如何在SSM框架下利用AJAX实现动态表格的单行及多行入库操作，并探讨了MyBatis的foreach语句用法，包括在不同参数类型下的collection属性设置，如List、array以及自定义Map。示例代码展示了单参数List、array数组以及自封装Map的使用场景，同时提及了批量SQL操作的应用。

摘要由CSDN通过智能技术生成

这个是基于SSM框架，用AJAX写得动态表格，可以单行入库，也可多行入库。写得不是很完善，欢迎指正！

1，view层

<tbody>
<body>
        <table cellspacing="0" cellpadding="0" border="1"
            class="normTbe tabInfo">
            <thead>
                <tr>
                    <th>姓名</th>
                    <th>工资</th>
                    <th>奖金</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="tbodyinsert"></tbody>
            <input type="button" id="smbut" value="保存">
            <input type="button" value="添加" id="insertBtn">
        </table>
    </body>

<script type="text/javascript">
        function deltr(opp) {
            $(opp).parent().parent().remove();//移除当前行
        }
        $().ready(
        function() {
        //点击保存，把循环的值放到json传到后台
            $("#smbut").click(
                function() {
                $.ajax({
                    url : '${path}/dynamic',
                    data : JSON.stringify(getJson()),
                    dataType : "json",
                    type : "post",
                    contentType : "application/json",
                    success : function(data) {
                            if (data=="1" ) {
                             window.location.href = "${path}/findemp";
                            } else {
                                alert("失败");
                            }
                        }
                })
        });
        //点击动态添加需要的列
        $("#insertBtn").click(
            function() {
                var tr = $("<tr class='t'></tr>");
                    tr.append("<td><input  type='text' id='ename'