javascript - 通过 jquery-ajax 在表单内使用两个不同的提交按钮提交表单

Question

我在这里寻找了很多答案，但无法解决这个问题。我试图在表单中使用两个不同的提交按钮提交表单，但结果就像询问表单的方法和操作。虽然我已经使用了 e.preventDefault() 用于防止默认表单提交。谢谢

这是我的表格

<form class='detail-button'>
    <input type='hidden' id='sell_id' value='$pro_id' />
    <input type='hidden' id='sell_name' value='$pro_name' />
    <input type='hidden' id='sell_vd' value='$vendor' />
    <input type='submit' id='sell_add' class='btn' value='ADD TO CART'/>
    <input type='submit' id='sell_buy' value='BUY NOW'/>
</form>

这是使用的脚本

$(document).ready(function() {
    $('#sell_add').on('click', function(event) {
        event.preventDefault();
        var id = $("#sell_id").val();
        var name = $("#sell_name").val();
        var vendor = $("#sell_vd").val();
        $.ajax({
            type: "POST",
            url: "add_to_cart.php",
            data: 'id=' + id + '&name=' + name + '&vendor=' + vendor + '&click=cart',
            beforeSend: function() {
                $("#add_status").hide();
            },
            success: function(data) {
                var result = jQuery.parseJSON(data);
                $("#add_status").show();
                $("#add_status").html(result.stat);
                $(".cartqty").html(result.qty);
            }
        });
    });
});

$(document).ready(function() {
    $('#sell_buy').on('click', function(event) {
        event.preventDefault();
        var id = $("#sell_id").val();
        var name = $("#sell_name").val();
        var vendor = $("#sell_vd").val();
        $.ajax({
            type: "POST",
            url: "add_to_cart.php",
            data: 'id=' + id + '&name=' + name + '&vendor=' + vendor + '&click=buy',
            success: function(data) {
                window.location.href = data;
            }
        });
    });
});

Answer 1

请使用: detail-button 是您的表单类

$('.detail-button').on('提交',函数(事件){ //在这里写下你的 AJAX 代码 }