千家信息网

怎么用ajax提交表单

发表于:2025-02-08 作者:千家信息网编辑
千家信息网最后更新 2025年02月08日,本篇内容主要讲解"怎么用ajax提交表单",感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习"怎么用ajax提交表单"吧!纯ajax提交var params =
千家信息网最后更新 2025年02月08日怎么用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提交表单"有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

0