ajax提交form的方法

前端之家收集整理的这篇文章主要介绍了ajax提交form的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在这里总结两种方法,第一种是将form序列化之后作为参数提交,第二种是调用ajaxSubmit方法提交。直接贴代码了:

form表单的写法:

<form id="testForm" name="testForm" method="post" action="testForm/addTestForm.do">
<input class="ipt w400" id="" name="name" type="text" />
</form>

第一种提交的方法

$.ajax({
cache: true,
type: "POST",
url:'testForm/addTestForm.do',
data:$('#testForm').serialize(),// 你的formid
async: false,
error: function(request) {
alert("Connection error");
},
success: function(data) {
alert("成功了");
}
});

第二种提交的方法

$('#testForm').ajaxSubmit(function(result){ var resJson = $.parseJSON(result); if(resJson.success){ alert(resJson.msg); }else{ alert(resJson.msg); } });

猜你在找的Ajax相关文章