将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; }

    }