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异步提交表单的方式,具体内容如下 第一种方式:普通ajax方式提交 $(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: GLOBAL_PATH + "/Enterprise/savecompanyphoto", data: {username:$("#username").val(), content:$("#cont
-
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异步提交表单与文件上传功能示例
本文实例讲述了JQuery异步提交表单与文件上传功能.分享给大家供大家参考,具体如下: Jquery.form.js是一个可以异步提交表单及上传文件的插件. 示例如下: index.html <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script type="text/javascript"
-
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 异步提交表单的简单实例
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.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异步提交表单代码分享
功能很实用代码也很简单,就不多废话了,直接奉上: $.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 =
随机推荐
- docker中编译nodejs并使用nginx启动
- 详谈php ip2long 出现负数的原因及解决方法
- php基于Snoopy解析网页html的方法
- php中模拟POST传递数据的两种方法分享
- Delphi中设置条件断点的方法讲解
- 存储过程配合UpdateDaset方法批量插入Dataset数据实现代码
- jQuery.cookie.js实现记录最近浏览过的商品功能示例
- JQuery的attr 与 val区别
- jQuery/CSS3图片特效插件整理推荐
- js日期时间补零的小例子
- 基于C++实现的线程休眠代码
- Android中html.fromhtml的使用方法
- js控制当再次点击按钮时的间隔时间
- 【Android 基础】详解Animation 动画介绍和实现
- 双绞线测试错误的解决方法
- 用最少的JS代码写出贪吃蛇游戏
- ListView滑动隐藏显示ToolBar的实例
- Vue 监听列表item渲染事件方法
- 数据库中的sql完整性约束语句解析
- vue 点击展开显示更多(点击收起部分隐藏)
