javascript - jQuery Ajax多次提交表单

Question

我是 Ajax 新手。我目前正在使用 jQuery AJAX 将表单提交到我的数据库中，但它在我的数据库中多次发送相同的数据。

这是我的 Ajax 代码:

$(document).ready(function () {
    var id_js;

    $(document).on('click', '.btn-success', function () {
        id_js = $('#ID_TXT').val();
        $('form').submit(function (e) {
            e.preventDefault();
            e.stopImmediatePropagation();
            $.ajax({
                type: "POST",
                url: 'server.php',
                data: {
                    'Mark': 1,
                    'id': id_js,
                },
                success: function (response) {
                    $('#result').html(response);
                }
            });

            return false;
        });
    });
});

我也尝试过 .one() 和 .stopImmediatePropogation() 但仍然没有结果

Answer 1

我看到表单提交和 Ajax 调用都在做相同的工作。如果您打算仅通过 AJAX 调用发布数据，则不需要表单提交。

我希望这对您有用。

$(document).ready(function () {
    function postDataToServer() {
        var id_js = $('#ID_TXT').val();

        $.ajax({
            type: "POST",
            url: 'server.php',
            data: {
                'Mark': 1,
                'id': id_js,
            },
            success: function (response) {
                $('#result').html(response);
            }
        });       
    }

    $(document).on('click', '.btn-success', postDataToServer);
});