javascript不使用ajax发布表单

我有一个javascript来使用ajax发布表单，但它总是给我一个错误。它是从引导按钮触发的，但似乎什么都不做

按钮是：

<button id='btn-finish' name ='btn-finish'  type='button' class='btn btn-primary'>Finish</button>

---

您必须获取表单id而不是按钮id，您已经编写了获取按钮id而不是表单对象的代码

代码应该如下所示，例如：

<form id='test_form' action='path' method='post'>
<button id='btn-finish' name ='btn-finish'  type='button' class='btn btn-primary'>Finish</button>
</form>

---

})

var form=$this；必须是表单id！！Not button ID它一直给您带来什么错误？表单如$中所示，这是对按钮btn finish的引用，因此没有方法属性，“process-form3.php`不是属性，因此form.attr'process-form3.php'不会做任何事情var form=$this；您上下文中的按钮不是表单。另外，我只是猜测url:form.attr'process-form3.php'应该是url:form.attr'action'，很抱歉没有得到任何错误，因为它什么都不做？我怎样才能修好它？

<form id='test_form' action='path' method='post'>
<button id='btn-finish' name ='btn-finish'  type='button' class='btn btn-primary'>Finish</button>
</form>

    // Add text 'loading...' right after clicking on the submit button. 
    $('.output_message').text('Processing...'); 

    var form = $('#test_form');
    $.ajax({
        url: form.attr('action'),
        method: form.attr('method'),
        data: form.serialize(),
        success: function(result){
            if (result == 'success'){
                $('.output_message').text('Message Sent!');  
            } else {
                $('.output_message').text('Error Sending email!');
                // $('#5box').hide();
            }
        }
    });

    // Prevents default submission of the form after clicking on the submit button. 
    return false;   
});