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