Javascript 在表单中创建一个按钮有不同的方法将数据发送到服务器

Javascript 在表单中创建一个按钮有不同的方法将数据发送到服务器,javascript,jquery,html,Javascript,Jquery,Html,我有一个html表单和两个按钮。表单的方法是post。但是,我希望能够通过单击第二个按钮发送一个getajax请求。但是,即使我设置了$.ajax({type:“GET”}),它也会发送一个post请求 我不能将第二个按钮放在表单外面,因为布局看起来不像我想要的那样:第二个按钮将放在下一行 所以底线是,我希望第二个按钮与第一个按钮位于同一行,并发送get ajax请求 我该怎么做?我认为重写post-form方法get很容易。在发出ajax请求之前,需要删除分配给按钮的默认post操作 $("#

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

我不能将第二个按钮放在表单外面,因为布局看起来不像我想要的那样:第二个按钮将放在下一行

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


我该怎么做?我认为重写post-form方法get很容易。

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

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

一般原则是,要防止第二个按钮的默认操作,只需在事件处理程序中进行AJAX调用。代码大致如下所示:

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

我们能看看相关的HTML和AJAX调用代码吗?第二个按钮是什么类型的
type=“submit”
type=“button”
?代码段可能是fine,但不能是type=submit。