Javascript 从动态html表中提取值

在我的nodejs-express项目中，我的应用程序中有一个动态表，我可以在其中添加或删除行，用户可以在单元格中输入值。现在我想提取这个值，但不知道从表中提取这个值后如何将它们插入MySQL数据库

注意，如果可能的话，我不想使用jquery

HTML表格

函数addRow（）{
var table=document.getElementById（“货物表”）；
var行=table.insertRow（-1）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
var cell3=行插入单元格（2）；
var cell4=行插入单元格（3）；
var cell5=行插入单元格（4）；
var cell6=行插入单元格（5）；
var cell7=行插入单元格（6）；
var cell8=行插入单元格（7）；
var cell9=行插入单元格（8）；
cell1.innerHTML='-'；
cell2.innerHTML=''；
cell3.innerHTML=''；
cell4.innerHTML=''；
cell5.innerHTML=''；
cell6.innerHTML=''；
cell7.innerHTML=''；
cell8.innerHTML=''；
cell9.innerHTML=''；
}
函数deleteRow（r）{
var i=r.parentNode.parentNode.parentNode.rowIndex；
document.getElementById（“货物表”）.deleteRow（i）；
}

+
共态
标志
描述
包装号
包装公斤
行李总数
总重量
评论

我在这里看不到node.js

你可以简化这个

下面是如何获取/发布到mySql。忽略JS是react。取回是一样的

let表，名称；
window.addEventListener（“加载”，（）=>{
document.getElementById（“添加”）.addEventListener（“单击”，添加行）
document.getElementById（“保存”）.addEventListener（“单击”，保存）
table=document.getElementById（“货物表”）；
names=[…document.getElementById（“thead”）.querySelectorAll（“th”）].map（th=>th.innerText）.slice（1）
table.addEventListener（“单击”，e=>{
常数tgt=e.target；
if（tgt.classList.contains（“del”））tgt.closest（“tr”）.remove（）；
})
});
常量addRow=（）=>{
table.innerHTML+=`-
`;
};
常量保存=（）=>{
const vals=[…table.querySelectorAll（“tr”）]
.map（行=>[…行.queryselectoral（“输入”）]
.map（（inp，i）=>（{[names[i]]：inp.value}））；
console.log（vals）；//这里您需要将ajax发送到服务器；
/*比如说
fetch（'此处为您的帖子url'{
方法：“POST”，
标题：{
“接受”：“应用程序/json”，
“内容类型”：“应用程序/json”
},
正文：JSON.stringify（VAL）
})
.then（res=>res.json（））
.then（数据=>console.log（数据））
.catch（err=>console.log（err）；
*/ 
}；

+
共态
标志
描述
包装号
包装公斤
行李总数
总重量
评论
保存

亲爱的，非常感谢您的回答，但由于我希望根据后端的要求在单个数组中显示结果，我已确定以下答案对我来说是正确的，我已将相同的名称分配给每个单元格，并通过javascript调用它们

    function addRow() {
    var table = document.getElementById("cargoTable");
    var row = table.insertRow(-1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    var cell4 = row.insertCell(3);
    var cell5 = row.insertCell(4);
    var cell6 = row.insertCell(5);
    var cell7 = row.insertCell(6);
    var cell8 = row.insertCell(7);
    var cell9 = row.insertCell(8);
    cell1.innerHTML = '<label onclick="deleteRow(this)" style="cursor:pointer">-</label>';
    cell2.innerHTML = '<input name="cellCargo" class="w3-input" type="text">';
    cell3.innerHTML = '<input name="cellCargo" class="w3-input" type="text">';
    cell4.innerHTML = '<input name="cellCargo" class="w3-input" type="text">';
    cell5.innerHTML = '<input name="cellCargo" class="w3-input" type="text">';
    cell6.innerHTML = '<input name="cellCargo" class="w3-input" type="text">';
    cell7.innerHTML = '<input name="cellCargo" class="w3-input" type="text">';
    cell8.innerHTML = '<input name="cellCargo" class="w3-input" type="text">';
    cell9.innerHTML = '<input name="cellCargo" class="w3-input" type="text">';

}

    function documentTabelData(){
    var cellData1 = document.getElementsByName("cellDocument");
    var i = 0;
    var data1 = [];
    while(i<cellData1.length){
        data1.push(cellData1[i++].value);
    }
    document.getElementById("docTdata").value = data1;
    
}

函数addRow（）{
var table=document.getElementById（“货物表”）；
var行=table.insertRow（-1）；
var cell1=行插入单元格（0）；
var cell2=行插入单元格（1）；
var cell3=行插入单元格（2）；
var cell4=行插入单元格（3）；
var cell5=行插入单元格（4）；
var cell6=行插入单元格（5）；
var cell7=行插入单元格（6）；
var cell8=行插入单元格（7）；
var cell9=行插入单元格（8）；
cell1.innerHTML='-'；
cell2.innerHTML=''；
cell3.innerHTML=''；
cell4.innerHTML=''；
cell5.innerHTML=''；
cell6.innerHTML=''；
cell7.innerHTML=''；
cell8.innerHTML=''；
cell9.innerHTML=''；
}
函数documentTabelData（）{
var cellData1=document.getElementsByName（“cellDocument”）；
var i=0；
VarData1=[]；
虽然（I向您的服务器发出ajax调用，将值传递给它。服务器将获取值，然后将其写入数据库。先生，我不知道如何进行ajax调用在向表中添加和删除行时，您可以创建javaScript对象，并使用相应的键和用户输入值更新对象。当用户单击提交时，您可以传递该对象。）t到您想要通过的位置。幸运的是：）@PramodKharade先生在提交表格时会将数据发送到我的数据库中的服务器。我想将这些数据添加到如下表中（商品、标记、说明、包装号、包装千克、总袋数、总重量、备注）值（第一行数据），（第二行数据），（第三行数据）Sir添加和删除行的操作正常，但如果用户在输入元素内输入值，而输入元素在td元素内，我如何在任何javascript变量中获取该值以在服务器上发送该数据？另请参见如何发送到服务器：更新为每行创建一个项