HTML表格多表单Ajax提交

我有一个包含多行和多个表单的表，我正在尝试将每个表单发送到我的PHP脚本

当不使用Ajax时，所有表单都会正确更新。但是，使用Ajax时，我无法使PHP脚本正常工作。我怎样才能让Ajax正常工作

在HTML部分，我有多个属于一个表单的行（在下面的示例中，所有行都属于一个表单，我有多个）。我确实读到表单标记不能在TR标记下，甚至知道当我看代码时，它看起来很难看，但我不确定我还能如何构建表

阿贾克斯

HTML

bls
卡萨钦。dwxmp41@mailinator.com
记录
10
1.
接触
塔达斯
批准
中心
15
1.
单位
塔达斯
期间
10
0
地址
发票联
GCP
0
Zip10
兰德
0
0
城市
阿姆斯特丹
价格
€39
€18
部门
信息技术

您的HTML标记无效

只有

td

和

th

元素才允许作为的子元素

您将立即关闭

表单

标签。这意味着表单中没有任何字段

您应该将整个

表格

放入

表格

中

<form id="form1" method="POST" action="">
    <input type="hidden" name="ID" value="">
    <table>
        <tbody>
            <tr>
                <td rowspan="6">bls</td>
                <td rowspan="6">qasachin.dwxmp41@mailinator.com</td>
                <td>Records</td>
                <td>10</td>
                <td>1</td>
                <td><input type="text" size="1" value="" name="Records"></td>
                <td>Contact</td>
                <td></td>
                <td><input type="text" size="1" value="" name="Contact"></td>
                <td rowspan="6"><textarea id="usrform" name="comment">Tadas</textarea></td>
                <td><button type="submit" id="submit" value="approve" class="btn btn-warning">Approve</button></td>
            </tr>
            <tr>
                <td>Centers</td>
                <td>15</td>
                <td>1</td>
                <td><input type="text" size="1" value="" name="Centers"></td>
                <td>Company</td>
                <td>Tadas</td>
                <td><input type="text" size="1" value="" name="Company"></td>
            </tr>
            <tr>
                <td>Duration</td>
                <td>10</td>
                <td>0</td>
                <td><input type="text" size="1" value="" name="Duration"></td>
                <td>Address</td>
                <td></td>
                <td><input type="text" size="1" value="" name="Address"></td>
                <td><button type="submit" formaction="" class="btn btn-info btn-xs btn-block">Invoice</button></td>
            </tr>
            <tr>
                <td>GCP</td>
                <td>0</td>
                <td></td>
                <td><input type="text" size="1" value="" name="GCP"></td>
                <td>Zip</td><td>10</td><td><input type="text" size="1" value="" name="Zip"></td>
                <td><a target="_blank" href="mailto:qasachin.dwxmp41@mailinator.com" class="btn btn-success>Email</a></td>
            </tr>
            <tr>
                <td>RAND</td>
                <td>0</td>
                <td>0</td>
                <td><input type="text" size="1" value="" name="RAND"></td>
                <td>City</td>
                <td>Amsterdam</td>
                <td><input type="text" size="1" value="" name="City"></td>
            </tr>
            <tr>
                <td>Price</td>
                <td>€39</td>
                <td>€18</td>
                <td><input type="text" size="1" value="" name="Price"></td>
                <td>Departm</td>
                <td>IT</td>
                <td><input type="text" size="1" value="" name="Departm"></td>
            </tr>
        </tbody>
    </table>
</form>

<tbody>
<tr>
    <form id="form1" method="POST" action=""></form>
    <input type="hidden" name="ID" value="">
    <td rowspan="6">bls</td>
    <td rowspan="6">qasachin.dwxmp41@mailinator.com</td>
    <td>Records</td>
    <td>10</td>
    <td>1</td>
    <td><input type="text" size="1" value="" name="Records"></td>
    <td>Contact</td>
    <td></td>
    <td><input type="text" size="1" value="" name="Contact"></td>
    <td rowspan="6"><textarea id="usrform" name="comment">Tadas</textarea></td>
    <td><button type="submit" id="submit" value="approve" class="btn btn-warning">Approve</button></td>
</tr>
<tr>
    <td>Centers</td>
    <td>15</td>
    <td>1</td>
    <td><input type="text" size="1" value="" name="Centers"></td>
    <td>Company</td>
    <td>Tadas</td>
    <td><input type="text" size="1" value="" name="Company"></td>
</tr>
<tr>
    <td>Duration</td>
    <td>10</td>
    <td>0</td>
    <td><input type="text" size="1" value="" name="Duration"></td>
    <td>Address</td>
    <td></td>
    <td><input type="text" size="1" value="" name="Address"></td>
    <td><button type="submit" formaction="" class="btn btn-info btn-xs btn-block">Invoice</button></td>
</tr>
<tr>
    <td>GCP</td>
    <td>0</td>
    <td></td>
    <td><input type="text" size="1" value="" name="GCP"></td>
    <td>Zip</td><td>10</td><td><input type="text" size="1" value="" name="Zip"></td>
    <td><a target="_blank" href="mailto:qasachin.dwxmp41@mailinator.com" class="btn btn-success>Email</a></td>
</tr>
<tr>
    <td>RAND</td>
    <td>0</td>
    <td>0</td>
    <td><input type="text" size="1" value="" name="RAND"></td>
    <td>City</td>
    <td>Amsterdam</td>
    <td><input type="text" size="1" value="" name="City"></td>
</tr>
<tr>
    <td>Price</td>
    <td>€39</td>
    <td>€18</td>
    <td><input type="text" size="1" value="" name="Price"></td>
    <td>Departm</td>
    <td>IT</td>
    <td><input type="text" size="1" value="" name="Departm"></td>
</tr>

<form id="form1" method="POST" action="">
    <input type="hidden" name="ID" value="">
    <table>
        <tbody>
            <tr>
                <td rowspan="6">bls</td>
                <td rowspan="6">qasachin.dwxmp41@mailinator.com</td>
                <td>Records</td>
                <td>10</td>
                <td>1</td>
                <td><input type="text" size="1" value="" name="Records"></td>
                <td>Contact</td>
                <td></td>
                <td><input type="text" size="1" value="" name="Contact"></td>
                <td rowspan="6"><textarea id="usrform" name="comment">Tadas</textarea></td>
                <td><button type="submit" id="submit" value="approve" class="btn btn-warning">Approve</button></td>
            </tr>
            <tr>
                <td>Centers</td>
                <td>15</td>
                <td>1</td>
                <td><input type="text" size="1" value="" name="Centers"></td>
                <td>Company</td>
                <td>Tadas</td>
                <td><input type="text" size="1" value="" name="Company"></td>
            </tr>
            <tr>
                <td>Duration</td>
                <td>10</td>
                <td>0</td>
                <td><input type="text" size="1" value="" name="Duration"></td>
                <td>Address</td>
                <td></td>
                <td><input type="text" size="1" value="" name="Address"></td>
                <td><button type="submit" formaction="" class="btn btn-info btn-xs btn-block">Invoice</button></td>
            </tr>
            <tr>
                <td>GCP</td>
                <td>0</td>
                <td></td>
                <td><input type="text" size="1" value="" name="GCP"></td>
                <td>Zip</td><td>10</td><td><input type="text" size="1" value="" name="Zip"></td>
                <td><a target="_blank" href="mailto:qasachin.dwxmp41@mailinator.com" class="btn btn-success>Email</a></td>
            </tr>
            <tr>
                <td>RAND</td>
                <td>0</td>
                <td>0</td>
                <td><input type="text" size="1" value="" name="RAND"></td>
                <td>City</td>
                <td>Amsterdam</td>
                <td><input type="text" size="1" value="" name="City"></td>
            </tr>
            <tr>
                <td>Price</td>
                <td>€39</td>
                <td>€18</td>
                <td><input type="text" size="1" value="" name="Price"></td>
                <td>Departm</td>
                <td>IT</td>
                <td><input type="text" size="1" value="" name="Departm"></td>
            </tr>
        </tbody>
    </table>
</form>

$(function(){
    // click on button submit
    $("#form1").on("submit", function(e){
        e.preventDefault(); // prevent page reload on submit
        // send ajax
        $.ajax({
            url: 'post.php', // url where to submit the request
            type : "POST", // type of action POST || GET
            dataType : 'json', // data type
            data : $(this).serialize(), // post data || get data
        })
    });
});