怎么用ajax提交表单

本篇内容主要讲解“怎么用ajax提交表单”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“怎么用ajax提交表单”吧!

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、成都微信小程序、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了贵池免费建站欢迎大家使用！

纯ajax提交

var params = {
"columnpkid":pkid
};
$.ajax({
type : "post",
 async:true,//异步，如果等于false 那么就是同步
url :"tree/tree!delete.action",
dataType : "json",
data: params,//参数传递
success : function(msg) {//ajax返回成功后做处理
       alert("ajax返回成功！");
},
error : function(msg) {
alert("ajax返回失败! ");
}
});

ajax提交表单

引入相关的js包

$("#form1").ajaxSubmit({
dataType:"json", 
type:'POST',
resetForm:true,
data:"command=submit"
async:true,//异步，如果等于false 那么就是同步
beforeSubmit:function (postdata){
   return true; 
            },
success: function(data){  //返回的是一个json对象
     var msg = data.msg;
     if(msg.indexOf('成功')!=-1){
     alert(成功);
     }else{
     alert("失败！");
     }
    },  
});

获取表单相关信息

$("#form").serialize();

到此，相信大家对“怎么用ajax提交表单”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！