在view中编辑一个table,循环将table中的数字文字提取出来:一开始我去学习HTML.DOM去怎么提取内容,但其实可以反其道而行。将编辑已好的table view在浏览界面(谷歌)执行中按F12出现Sources
var tables = document.getElementById("table1");直接查看tables中的属性内容;循环将内容放到JS数组对象中
<script>
var list = [];
function doing() {
var tables = document.getElementById("table1");
var trlist = tables.children[0].children;
for (var i = 1; i < trlist.length; i++) {
var obj = {};
obj["xingming"] = trlist[i].cells[0].innerText;//直接根据浏览器显示内容来提取相对应的数字内容
obj["nianling"] = trlist[i].cells[1].innerText;
list.push(obj);
}
$.ajax({
type:'post',
url: '/AA/listaction',
data: { list: JSON.stringify(list) },//将数组转换为Json字符串
datatype: 'json',
success: function (result) {
alert("post成功");
}
})
}
</script>
后台接收:
using Newtonsoft.Json;//引入
[HttpPost]
public ActionResult listaction(string list)//Json格式的string
{
List<modelclass> lst = JsonConvert.DeserializeObject<List<modelclass>>(list);//Json反序列化使用
string ss="True";
return Json(ss);
}
public class modelclass//要与前台数组对象相同才可以接收
{
public string xingming;
public string nianling;
}