Jquery异步提交表单代码分享

 本文是jQuery结合ajax实现的异步提交表单的代码,是个人项目中提取出来的,分享给大家,有需要的小伙伴可以参考下。

 
 

功能很实用代码也很简单,就不多废话了,直接奉上:

?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

$.ajax({
url:"mobileSurveyAction_addSurvey.action",//提交地址
data:$("#form1").serialize(),//将表单数据序列化
type:"POST",
dataType:"json",
success:function(result){
if (result.success == '100'){
$("#mySection").hide();
$(".footer").hide();
$("#alertMsg").show();
 
}else{
alert("失败!");
}
}
});

以上所述就是本文的全部内容了,希望能够对大家熟练掌握异步提交表单有所帮助。

时间: 2024-10-31 02:20:08

Jquery异步提交表单代码分享的相关文章

jQuery异步提交表单的两种方式_jquery

本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下 第一种方式:普通ajax方式提交  $(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: GLOBAL_PATH + "/Enterprise/savecompanyphoto", data: {username:$("#username").val(), content:$("#con

Jquery 异步提交表单(post)

方法  $.post(url,params,function(data){}); 表单的action,method属性都没有 input 的类型只能为button不能为submit只能为button,否则点击button会执行表单action,不会走jquery异步 前台代码 <script type="text/javascript"> $(function()         {    //异步提交表单  $("#save").click(funct

jquery下异步提交表单 异步跨域提交表单_jquery

1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数. 使用 jQuery 异步提交表单代码: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> </head> <script src="js/jquery-1.4.2.js">&l

Jquery.Form 异步提交表单的简单实例

 这篇文章主要介绍了Jquery.Form 异步提交表单的简单实例.需要的朋友可以过来参考下,希望对大家有所帮助 http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html#   1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记:    代码如下: <form id="myForm" method="post" action="/Home/AjaxFor

IE下异步提交表单,jquery.form方式没作用

问题描述 我在其他浏览器像谷歌.360.火狐等用jquery.from的方式来异步提交表单,但是到了IE下就不管用了,想问一下大家IE下对异步提交表单有什么要求,大家都用什么方式呢? 解决方案 解决方案二:不能用?有什么错误吗?解决方案三:jquery不熟,不过浏览器之间的差异还是很大的,这个你开发的时候要和客户做好沟通,看客户习惯使用什么浏览器访问,即都需要支持什么浏览器.解决方案四:用jquery的ajax方法提交,form内要提交的内容用data参数,方法post就完事了么.$.ajax(

使用ajax异步提交表单的几种方法总结_AJAX相关

这里介绍三种常用的提交方式 方式一 手工收集所有的用户输入,封装为大的"k1=v1&k2=v2-"键值对形式,使用$.post(url, data,fn)把数据提交给服务器 $.ajax({ type:'post', url:'Notice_noTipsNotice', data:'k1=v1&k2=v2...', cache:false, dataType:'json', success:function(data){ } }); 方式二 单序列化:$('#myfor

使用ajax异步提交表单的几种方法总结

这里介绍三种常用的提交方式 方式一 手工收集所有的用户输入,封装为大的"k1=v1&k2=v2-"键值对形式,使用$.post(url, data,fn)把数据提交给服务器 $.ajax({ type:'post', url:'Notice_noTipsNotice', data:'k1=v1&k2=v2...', cache:false, dataType:'json', success:function(data){ } }); 方式二 单序列化:$('#myfor

纯javascript的ajax实现php异步提交表单的简单实例

很多时候需要异步提交表单,当表单太多是时候,一个个getElementById变得很不实际 当然,jquery可以实现异步提交表单,jquery.form.js这个库貌似也挺流行 只是有时候并不想使用额外的库,所以就琢磨着自己写,用纯js来实现异步提交表单 实现如下(本例用POST方式提交,用php作为服务器脚本) HTM L文件:test <html> <head> <script type="text/javascript" src="nam

jq 点击文本域清除默认值与回车提交表单代码

jq 点击文本域清除默认值与回车提交表单代码 点击文本域,清除默认值.默认值显示时为灰色文字,点击后高亮显示,可绑定回车事件. 项目中常用到的一个效果,封装成一个小小的插件,一点不复杂,需要的看下demo演示中源码注释.若是不想只为清除一个默认文本调一个jquery库,可以用原生的按我的思路写一下,很简单. 特点 1.支持input文本域及textarea同时为多表单添加同样的默认值; 2.默认值可通过表单value值设定,也可通过插件参数(iset.curval)设置. iset.curval