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

Question

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

我无法将第二个按钮放置在表单之外，因为布局看起来不像我想要的那样:第二个按钮将放置在下一行。

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

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

Answer 1

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

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