如何在发送前在 jQuery 中禁用按钮

在网页中，禁用按钮是一种常见的操作，以防止用户在数据传输期间再次提交表单。在 jQuery 中，可以使用以下方法来禁用按钮：

$(selector).prop('disabled', true);

其中，selector 为需要禁用的按钮的选择器。该方法可以将按钮的 disabled 属性设置为 true，从而禁用按钮。

在提交表单之前，需要禁用按钮以防止意外的多次提交。可以在提交事件中添加以下代码来实现：

$('#my-form').submit(function() {
    // 禁用提交按钮
    $('button[type=submit]').prop('disabled', true);
    // 提交表单
    $.ajax({
        url: 'submit.php',
        method: 'POST',
        data: $('#my-form').serialize(),
        success: function(response) {
            // 处理成功响应
        },
        error: function(xhr, status, error) {
            // 处理错误响应
        },
        complete: function() {
            // 启用提交按钮
            $('button[type=submit]').prop('disabled', false);
        }
    });
    return false;
});

在提交事件中，首先禁用提交按钮，然后使用 jQuery 的 $.ajax 方法提交表单。在回调函数中，根据响应结果处理成功或错误情况。无论响应结果如何，在 complete 回调函数中都需要启用提交按钮，以便下一次提交。

以上就是在 jQuery 中禁用按钮的方法，希望可以帮助您实现网页表单的平稳提交。