php - 在同一页面上的多个表单中获取特定表单的 id (jquery)

Question

我有一个问题，当在同一页面中有多个表单时，我不知道如何获取特定表单的 id。每个表单都有不同的 id ：

HTML：

<form method="post" action="page.php" id="acheter1">
    <input type="hidden" class="idProd8" name="idProd8" value="1">
    <input type="hidden" name="price" value="10">                       
    <button type="submit" id="addToCart" name="addToCart">Add</button>
</form>

<form method="post" action="page.php" id="acheter2">
    <input type="hidden" class="idProd8" name="idProd8" value="2">
    <input type="hidden" name="price" value="20">                       
    <button type="submit" id="addToCart" name="addToCart">Add</button>
</form>

这是ajax

查询：

$('[id^=acheter]').submit(function() {
var CurrenID = $(this).attr('id');
       $.ajax({
            type: "POST",
            url: "page.php",
            data: $('#'+CurrenID).serialize(),
            success: function(data) {
                    Method();
                }            
        });
        return false;
    });

Answer 1

$('[id^=acheter]').submit(function() {
    var data = $(this).serialize()+"&form_id="+$(this).attr('id');
       $.ajax({
            type: "POST",
            url: "page.php",
            data: data,
            success: function(data) {
                    Method();
                }            
        });
        return false;
    });

这会将您的 ID 添加到表单发布数据中吗？

Answer 2

在这一行：

$('[id^=acheter]').submit(function() {

改成

$('#acheter').submit(function() {

请注意，如果您想从使用name或class的不同标签中获取多个值，则id必须是唯一的。

要使用 id 检查表单，只需制作一个输入按钮而不是输入提交，每个按钮都有一个与 jquery 和 submit 不同的变量。

例子 ：

<form method="post" action="page.php" id="acheter1">
    <input type="hidden" class="idProd8" name="idProd8" value="1">
    <input type="hidden" name="price" value="10">                       
    <button type="button" id="addToCart1" name="addToCart" onclick="submitF('1')">Add</button>
</form>

<form method="post" action="page.php" id="acheter2">
    <input type="hidden" class="idProd8" name="idProd8" value="2">
    <input type="hidden" name="price" value="20">                       
    <button type="button" id="addToCart2" name="addToCart" onclick="submitF('2')">Add</button>
</form>

然后使用 jquery/javascript 检查点击了什么按钮

function submitF(var)
{
if (var == 1)
{
...
    /*do what you want knowing that the first form was clicked, 
submit form with jquery if you want*/
...
}
if (var == 2)
{
...
    /*do what you want knowing that the second form was clicked, 
submit form with jquery if you want*/
...
}

}