动态生成的表格，单个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