ajax提交form的方法

来源:互联网 发布:淘宝ti5冠军盾 编辑:程序博客网 时间:2024/04/29 08:25

在这里总结两种方法,第一种是将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);
}
});

0 0
原创粉丝点击