与jquery serializeArray()一起使用的函数,主要来方便提交表单


Posted in Javascript onJanuary 31, 2011

.serializeArray() 序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。(摘自jquery文档)。
有以下一个表单窗口,代码:

<form action="" method="post" id="tf"> 
<table width="100%" cellspacing="0" cellpadding="0" border="0"> 
<tr> 
<th>姓名:</th> 
<td> 
<input type="text" id="txtUserName" name="UserName" /> 
</td> 
<th>联系手机:</th> 
<td> 
<input type="text" name="Mobile" id="txtMobile" maxlength="11"/> 
</td> 
</tr> 
<tr> 
<td style=" text-align:center;" colspan="2"> 
<input type="button" value=" 提 交 " style="padding-top:3px;" name="butsubmit" id="butsubmit"/> 
</td> 
</tr> 
</table> 
</form>

JavaScript代码处理表单:
<script> 
$(function () { 
$("#butsubmit").click(function(){ 
var data = convertArray($("#tf").serializeArray()); 
$.post(url, data, function (d) {},"json"); 
}); 
}) 
function convertArray(o) { //主要是推荐这个函数。它将jquery系列化后的值转为name:value的形式。 
var v = {}; 
for (var i in o) { 
if (typeof (v[o[i].name]) == 'undefined') v[o[i].name] = o[i].value; 
else v[o[i].name] += "," + o[i].value; 
} 
return v; 
} 
</script>
Javascript 相关文章推荐
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
Jan 29 Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
Apr 02 Javascript
基于JQuery 滑动与动画的说明介绍
Apr 18 Javascript
jQuery中Ajax的load方法详解
Jan 14 Javascript
省市区三级联动下拉框菜单javascript版
Aug 11 Javascript
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
AngularJS实现动态切换样式的方法分析
Jun 26 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
Jul 11 Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
Sep 30 Javascript
layer.open回调获取弹出层参数的实现方法
Sep 10 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
Nov 09 Javascript
JavaScript实现队列结构过程
Dec 06 Javascript
基于jQuery实现表格数据的动态添加与统计的代码
Jan 31 #Javascript
jquery键盘事件介绍
Jan 31 #Javascript
javascript代码加载优化方法
Jan 30 #Javascript
javascript使用activex控件的代码
Jan 27 #Javascript
鼠标右击事件代码(asp.net后台)
Jan 27 #Javascript
javascript对数组的常用操作代码 数组方法总汇
Jan 27 #Javascript
JavaScript 注册事件代码
Jan 27 #Javascript
You might like
《APMServ 5.1.2》使用图解
2006/10/23 PHP
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
PHP内存使用情况如何获取
2015/10/10 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
js textarea自动增高并隐藏滚动条
2009/12/16 Javascript
用js判断页面是否加载完成实现代码
2012/12/11 Javascript
Javascript判断文件是否存在(客户端/服务器端)
2014/09/16 Javascript
一个检测表单数据的JavaScript实例
2014/10/31 Javascript
jQuery实现高亮显示的方法
2015/03/10 Javascript
js实现图片懒加载效果
2017/07/17 Javascript
微信小程序搜索功能(附:小程序前端+PHP后端)
2019/02/28 Javascript
vue路由守卫,限制前端页面访问权限的例子
2019/11/11 Javascript
vue相关配置文件详解及多环境配置详细步骤
2020/05/19 Javascript
Vue父子组件传值的一些坑
2020/09/16 Javascript
如何通过Proxy实现JSBridge模块化封装
2020/10/22 Javascript
Vue如何循环提取对象数组中的值
2020/11/18 Vue.js
[49:42]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第一局
2016/03/04 DOTA
Python实现去除代码前行号的方法
2015/03/10 Python
python使用wxpython开发简单记事本的方法
2015/05/20 Python
Python 将RGB图像转换为Pytho灰度图像的实例
2017/11/14 Python
在IPython中进行Python程序执行时间的测量方法
2018/11/01 Python
举例讲解Python常用模块
2019/03/08 Python
python使用opencv在Windows下调用摄像头实现解析
2019/11/26 Python
TensorFlow 多元函数的极值实例
2020/02/10 Python
全网最细 Python 格式化输出用法讲解(推荐)
2021/01/18 Python
Python实现随机爬山算法
2021/01/29 Python
CSS3之背景尺寸Background-size使用介绍
2013/10/14 HTML / CSS
英国复古皮包品牌:Beara Beara
2018/07/18 全球购物
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
入伍通知书
2015/04/23 职场文书
2019职场实习报告该怎么写?
2019/07/01 职场文书
学会掌握自己命运的十条黄金法则:
2019/08/08 职场文书
Oracle设置DB、监听和EM开机启动的方法
2021/04/25 Oracle
MySQL 数据丢失排查案例
2021/05/08 MySQL
面试被问select......for update会锁表还是锁行
2021/11/11 MySQL
Python Matplotlib绘制等高线图与渐变色扇形图
2022/04/14 Python