将table中的值转换成json格式传到后台接收处理。

table数据

<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:{students:jsonT},
                success: function (data) {
                    alert(1);
                }
            });      
        });
    </script>

  后台接收方法

  public ActionResult GetJson(string students)
        {
            JavaScriptSerializer js = new JavaScriptSerializer();
            List<Student> list = js.Deserialize<List<Student>>(students);
            return Content("ok");
        }

  Student类

public class Student
    {
        public int ID { get; set; }
        public string Name { get; set; }
        public int Age { get; set; }
        public string Gender { get; set; }
    }

  

原文地址:https://www.cnblogs.com/zhuyuchao/p/6814040.html