将table的值转为json传到后台

• 【版权所有，文章允许转载，但须以链接方式注明源地址，否则追究法律责任】
• 【创作不易，点个赞就是对我最大的支持】

前言

仅作为学习笔记，供大家参考
总结的不错的话，记得点赞！

前台页面

编号	姓名	年龄	性别
1	张三	16	男
2	李四	18	男
3	王五	20	女

代码块

<table style="border:1px" id="tableID">
        <tr>
            <th>编号</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        <tr>
            <td>1</td>
            <td>张三</td>
            <td>16</td>
            <td>男</td>
        </tr>
        <tr>
            <td>2</td>
            <td>李四</td>
            <td>18</td>
            <td>男</td>
        </tr>
        <tr>
            <td>3</td>
            <td>王五</td>
            <td>20</td>
            <td>女</td>
        </tr>
    </table>

js方法

<script type="text/javascript">
        $(function () {
            var tabLen = document.getElementById("tableID");
            var jsonT = "[";
            for (var i = 1; i < tabLen.rows.length; i++) {
                    jsonT += '{"ID":' + tabLen.rows[i].cells[0].innerHTML + ',"Name":"' + tabLen.rows[i].cells[1].innerHTML + '","Age":' + tabLen.rows[i].cells[2].innerHTML + ',"Gender":"' + tabLen.rows[i].cells[3].innerHTML + '"},'
            }
            jsonT= jsonT.substr(0, jsonT.length - 1);
            jsonT += "]";
            console.log(jsonT);
            $.ajax({
                type: 'post',
                url: '/Home/GetJson',
                data:{"json":jsonT},
                success: function (data) {
                    alert(1);
                }
            });     
        });
    </script>

后台接收方法

	public void resetAll(){
		String sb=getPara("json"); 
		Object parse = JSONArray.parse(sb); 
		System.out.println("************"+sb);
		 
	}

​

---

公众号：程序员温眉

CSDN：程序员温眉

每天进步一点点的程序员