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