Jquery异步提交表单代码分享
功能很实用代码也很简单,就不多废话了,直接奉上:
$.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("失败!"); } } });
以上所述就是本文的全部内容了,希望能够对大家熟练掌握异步提交表单有所帮助。
请您花一点时间将文章分享给您的朋友或者留下评论。我们将会由衷感谢您的支持!
相关推荐
-
JQuery异步提交表单与文件上传功能示例
本文实例讲述了JQuery异步提交表单与文件上传功能.分享给大家供大家参考,具体如下: Jquery.form.js是一个可以异步提交表单及上传文件的插件. 示例如下: index.html <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script type="text/javascript"
-
Jquery.Form 异步提交表单的简单实例
http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html# 1. 在你的页面里写一个表单.一个普通的表单,不需要任何特殊的标记: 复制代码 代码如下: <form id="myForm" method="post" action="/Home/AjaxForm"><div>Name:<input id="username&qu
-
jQuery异步提交表单的两种方式
本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下 第一种方式:普通ajax方式提交 $(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: GLOBAL_PATH + "/Enterprise/savecompanyphoto", data: {username:$("#username").val(), content:$("#cont
-
jquery.form.js异步提交表单详解
本文实例为大家分享了jquery.form.js异步提交表单的具体代码,供大家参考,具体内容如下 引入脚本: <script type="text/javascript" src="/js/jquery.form.min.js"></script> <script src="/js/json2.js"></script> //前端代码: <form id="f1">
-
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异步提交表单实例
前言: 我们在开发的时候,一定会使用ajax异步提交表单,在这里总结一下: 前提准备:引入脚本 <!--jquery需要引入的文件--> <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script> <!--ajax提交表单需要引入jquery.form.js--> <script type="text/javascript&q
-
Jquery异步提交表单代码分享
功能很实用代码也很简单,就不多废话了,直接奉上: $.ajax({ url:"mobileSurveyAction_addSurvey.action",//提交地址 data:$("#form1").serialize(),//将表单数据序列化 type:"POST", dataType:"json", success:function(result){ if (result.success == '100'){ $(&quo
-
纯javascript的ajax实现php异步提交表单的简单实例
很多时候需要异步提交表单,当表单太多是时候,一个个getElementById变得很不实际 当然,jquery可以实现异步提交表单,jquery.form.js这个库貌似也挺流行 只是有时候并不想使用额外的库,所以就琢磨着自己写,用纯js来实现异步提交表单 实现如下(本例用POST方式提交,用php作为服务器脚本) HTM L文件:test <html> <head> <script type="text/javascript" src="nam
-
使用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
-
jQuery实现提交表单时不提交隐藏div中input的方法
本文实例讲述了jQuery实现提交表单时不提交隐藏div中input的方法.分享给大家供大家参考,具体如下: 今天做一个功能 想在下拉列表中根据下拉的选项隐藏对应的div有个平台选择的下拉列表,我想在选择pc的时候出现水平以下的内容并且提交水平线以下的input下拉列表选择app的时候会隐藏水平线以下的input,但这时候不想提交隐藏div的input的值,这时候在隐藏div的时候就需要做以下操作 function choosePlatform(platform) { if(platform =
随机推荐
- 实现WIN2003 IIS最小权限分配的批处理
- C++ 中CloseHandle 函数--关闭一个句柄
- 利用Spring boot如何创建简单的web交互应用
- python3序列化与反序列化用法实例
- python登录QQ邮箱发信的实现代码
- PHP+jQuery+Ajax+Mysql如何实现发表心情功能
- Bootstrap打造一个左侧折叠菜单的系统模板(二)
- .NET中用ICSharpCode.TextEditor自定义代码折叠与高亮
- Python守护进程用法实例分析
- JavaScript类型系统之布尔Boolean类型详解
- javascript 代码运行器
- 浅析php中jsonp的跨域实例
- ThinkPHP采用模块和操作分析
- 微信小程序 picker 组件详解及简单实例
- javascript 获取元素样式必杀技
- 以BootStrap Tab为例写一个前端组件
- IIS7与IIS6之功能比较
- 深入分析为Visual Assist设置快捷键的方法
- asp.net中调用oracle存储过程的方法
- 实例讲解Android应用开发中TabHost的使用要点