javascript - jquery post表单具有多个同名字段

Question

我有一个账单表格，每行 (tr) 上的 (td) 中的输入相同。现在我想提交仅包含完整填充行的表单。

我在您的网站上阅读了一些文章，但无法提交我的表单。

这是html代码:

<div id="fac_table">
    <table id="matable" width="100%">
        <tbody>
            <tr>
                <th width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </th>
                <th width="250px">
                    Désignation
                </th>
                <th width="30">
                    Unité
                </th>
                <th width="30">
                    Quantité
                </th>
                <th width="30">
                    Prix
                </th>
                <th width="30">
                    TVA
                </th>
                <th width="30">
                    Total
                </th>
            </tr>
            <tr>
                <td width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </td>
                <td width="250px">
                    <input name="designation" type="text" class="facBig" />
                </td>
                <td width="30">
                    <input name="unite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="quantite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="prixUnite" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="taxe" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="totLine" type="text" class="facSmall" value="" />
                </td>
            </tr>
              <tr>
                <td width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </td>
                <td width="250px">
                    <input name="designation" type="text" class="facBig" />
                </td>
                <td width="30">
                    <input name="unite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="quantite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="prixUnite" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="taxe" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="totLine" type="text" class="facSmall" value="" />
                </td>
            </tr> <tr>
                <td width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </td>
                <td width="250px">
                    <input name="designation" type="text" class="facBig" />
                </td>
                <td width="30">
                    <input name="unite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="quantite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="prixUnite" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="taxe" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="totLine" type="text" class="facSmall" value="" />
                </td>
            </tr> <tr>
                <td width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </td>
                <td width="250px">
                    <input name="designation" type="text" class="facBig" />
                </td>
                <td width="30">
                    <input name="unite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="quantite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="prixUnite" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="taxe" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="totLine" type="text" class="facSmall" value="" />
                </td>
            </tr> <tr>
                <td width="10px">
                    <img id="insArticle" src='../../images/icon_add.png' width='16' height='16'>
                </td>
                <td width="250px">
                    <input name="designation" type="text" class="facBig" />
                </td>
                <td width="30">
                    <input name="unite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="quantite" type="text" class="facSmall" />
                </td>
                <td width="30">
                    <input name="prixUnite" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="taxe" type="text" class="facSmall" value="" />
                </td>
                <td width="30">
                    <input name="totLine" type="text" class="facSmall" value="" />
                </td>
            </tr>
        </tbody>
    </table>
</div>

这是 jquery 代码:

$("#facform").submit(function()
{
    var sendURL = $(this).attr("action");
    var sendPost = $(this).attr("method");
    var facArray = $(this).serialize();

    alert(sendURL + "  " + sendPost + "  " + facArray);

    $.ajax(
    {
        type: sendPost,
        url: sendURL,
        data: facArray,
        success: function(response)
        {
            console.log(response);
        }
    });
});
$("#facform").submit();

警报提供了正确的信息，但我的 sendfac.php 上有一个空白帖子。

感谢您的帮助。

Answer 1

添加此代码。您忘记添加方法。

 $.ajax(
{
    method: sendPost , 
    url: sendURL,
    data: facArray,
    success: function(response)
    {
        console.log(response);
    }
});

或者尝试使用此代码

$.post("/"+sendURL, { data: facArray}, function success (data) {
                alert("Done");
            }, "json");