Javascript 如何在数组中获取动态添加的行数据

Javascript 如何在数组中获取动态添加的行数据,javascript,html,jquery,asp.net,Javascript,Html,Jquery,Asp.net,我正在做添加多个项目通过thorugh API。我不知道如何获取动态添加的行数据。我知道我需要使用for循环来指定行[0]、行[1]、行[2]中的每一行,以区分它们并获得数组的计数。任何人都知道如何获取动态行数据并将数组传递给ajax 行动 描述 数量 单价 数量 删除 税款: $(文档).ready(函数(){ AddItem(); $('#addrow')。单击(函数(){ addItem(); }); $('.delete row')。单击(函数(){ 删除行(btn); }); });

我正在做添加多个项目通过thorugh API。我不知道如何获取动态添加的行数据。我知道我需要使用for循环来指定行[0]、行[1]、行[2]中的每一行,以区分它们并获得数组的计数。任何人都知道如何获取动态行数据并将数组传递给ajax


行动
描述
数量
单价
数量
删除
税款:
$(文档).ready(函数(){
AddItem();
$('#addrow')。单击(函数(){
addItem();
});
$('.delete row')。单击(函数(){
删除行(btn);
});
});
函数deleteRow(btn){
var row=btn.parentNode.parentNode;
var next=row.parentNode.rows[row.rowIndex+0];
row.parentNode.removeChild(下一步);
row.parentNode.removeChild(row);
}
函数addItem(){
var itemRow=
'' +
“删除”+
'' +
'' +
'' +
'' +
'' +
'' +
'' +
'' +
“税:”+
''
'';
$(“.items_table”).append(itemRow);
}
函数AddItem(){
$(“#btnAddItem”)。单击(函数(e){
//arrayItem
var arrayItem=[];
var sArrayItem=“”;
变量项={
ItemDesc:$(“desc”).val(),
ItemUnitPrice:$(“unitprice”).val(),
ItemQty:$(“数量”).val(),
税款金额:$(“金额税”).val(),
ItemTotalAmount:$(“金额”).val()
}
阵列项目推送(项目)
//在这里,我只能获得第1行数据,下面添加的行项目没有得到它。
//byright应该给我一个物品数组,但现在我只能得到第一行。
sArrayItem=JSON.stringify(arrayItem);
$.ajax({
类型:“POST”,
url:“附加项”,
数据:JSON.stringify({
沙雷项目
}),
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
成功:功能(结果){
if(result.d.indexOf(“.aspx”)!=-1)
window.location.href=result.d;
其他的
显示弹出窗口(结果);
},
故障:功能(响应){
警报(response.d);
}
});
});
};

如果您试图在单击按钮时构建一个数组(包含行数据),请尝试下面的代码笔代码

我已经稍微修改了HTML结构,如果这对你来说合适的话

我们需要遍历每一行以获取输入的数据

    let arrayItem = [];
    $.each($(".items_table .item-row"),function(index,value){
      let desc = $(this).find(".row-desc").val()
      let qty = $(this).find(".row-qty").val()
      let unitprice = $(this).find(".row-unitprice").val()
      let amount = $(this).find(".row-amount").val()
      let tax = $(this).find(".row-tax").val()
      let item = {
              ItemDesc: desc,
              ItemUnitPrice:unitprice,
              ItemQty: qty,
              TaxAmount: tax,
              ItemTotalAmount: amount,
            }
      arrayItem.push(item)
   });
   console.log(arrayItem);
请在此处查看代码->

    let arrayItem = [];
    $.each($(".items_table .item-row"),function(index,value){
      let desc = $(this).find(".row-desc").val()
      let qty = $(this).find(".row-qty").val()
      let unitprice = $(this).find(".row-unitprice").val()
      let amount = $(this).find(".row-amount").val()
      let tax = $(this).find(".row-tax").val()
      let item = {
              ItemDesc: desc,
              ItemUnitPrice:unitprice,
              ItemQty: qty,
              TaxAmount: tax,
              ItemTotalAmount: amount,
            }
      arrayItem.push(item)
   });
   console.log(arrayItem);