Jquery post表单与多个相同的名称字段 - jquery post form with multiple same name field

我有一个每行(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();

警报给出了正确的信息，但我在我的sendface .php上有一个空白的帖子。

谢谢你的帮助

添加以下代码。您忘记添加方法了。

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

或者试试下面的代码

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

您应该在表单字段名称中添加括号。因为您正在尝试发送值数组。

<input name="designation[]" type="text" class="facBig" />