javascript - 使表单中的按钮具有将数据发送到服务器的不同方法

Question

我有一个 html 表单和 2 个按钮。表格的方法是邮寄。但是，我希望能够通过单击第二个按钮来发送get ajax 请求。但即使我设置了，它也会发送一个发布$.ajax({type: "GET"})请求。

我不能将第二个按钮放在表单之外，因为布局看起来不像我想要的：第二个按钮将放在下一行。

所以底线是我希望第二个按钮与第一个按钮在同一行并发送一个 get ajax 请求。

我怎样才能做到这一点？我认为重写后表单方法 get 会很容易。

Answer 1

您需要在发出 ajax 请求之前删除分配给按钮的默认发布操作，

$("#button").click(function(event) {
     event.preventDefault();
     $.ajax({
        .....
        .....
     });
});

Answer 2

一般原则是您希望阻止第二个按钮的默认操作，并且只需在事件处理程序中进行 AJAX 调用。代码大致如下所示：

$('selector-for-your-button').on('click', function(event) {
    event.preventDefault(); // nullifies the click, form won't be submitted
    // make your AJAX call here
});