动态生成的表格,单个tr数据提交

在学习django+python工程时遇到数据提交的一些问题,做下记录。

在生成的动态表格中,提交单行tr里的数据。(弄了很久才成功)代码如下:

html:




  • 用例名称:














{% for name in data %}







{% endfor %}

序号 用例名称 测试环境IP 备注 操作

οnclick="submitForm(this)">  //执行点击时将this传过去。
οnclick="submitForm(this)">
οnclick="submitForm(this)">

js:

function submitForm(node) {
var tr = node.parentNode.parentNode; //获取当前元素的父节点的父节点,也就是tr。
var arr = [];
for (var i = 0; i < tr.children.length; i++) { //获取td的数量
input_name = tr.cells[i].children[0].name;//取得元素的name属性的值
text = tr.cells[i].children[0].value;//取得value值

//组装数据使用ajax传到后台,用了不少种类的数据传送,这样传的比较方便使用。
arr.push({ 
'name': input_name ,
'value': text,
});
}
$.ajax({
type: "POST",
url: "/result/",
data: arr,
error: function (request) {
console.log("error");
alert("fail")
},
success: function (data) {
console.log("success");
alert("success")
}
})
}

 

转载于:https://www.cnblogs.com/timezhang/p/9438295.html

你可能感兴趣的:(动态生成的表格,单个tr数据提交)