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