Javascript 当提交按钮位于表单外部时,使用$.ajax提交表单

Javascript 当提交按钮位于表单外部时,使用$.ajax提交表单,javascript,jquery,ajax,forms,Javascript,Jquery,Ajax,Forms,我有多个表单,所以我在表单外部创建了一个带有按钮submit的表单,这个表单 $(“#按钮提交”)。单击(函数(事件){ event.preventDefault(); 如果(确认(“安达雅金会结帐?”){ var formData=新formData(“form#formData”); $(“.loader”).show(); $.ajax({ url:'belanja/belanja_crud.php', 键入:“POST”, 数据:formData, async:false, cache

我有多个表单,所以我在表单外部创建了一个带有按钮submit的表单,这个表单

$(“#按钮提交”)。单击(函数(事件){
event.preventDefault();
如果(确认(“安达雅金会结帐?”){
var formData=新formData(“form#formData”);
$(“.loader”).show();
$.ajax({
url:'belanja/belanja_crud.php',
键入:“POST”,
数据:formData,
async:false,
cache:false,
contentType:false,
processData:false,
数据类型:“json”,
成功:功能(数据){
//控制台日志(数据);
}
});
}
返回false;
});


提交
,以在一条指令中获取表单中的所有数据

例如


或者您可以查看是否希望将其转换为JSON格式

在您发布的表单中没有数据,所以您已经完成了!继续…我只是给出了上面的示例表单,
FormData()
构造函数需要一个
元素而不是CSS选择器:它的解决方案是什么?如果我使用
serialize()
,什么是
缓存:false,contentType:false,processData:false,dataType:'json',
needed?@wawanSetiyawan我使用像这样的序列化代码,没有其他参数!嘿,如果输入为空且带有serialize,如何进行验证?这是另一个与本主题无关的问题,您可以使用jquery.validate
$.ajax({
    type: "POST",
    url: 'belanja/belanja_crud.php',
    data: $("#formData").serialize()
})
.done(function (data) {
    //do somthing
})
.fail(function (xhr, ajaxOptions, thrownError) {
    //do something
});