与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 相关文章推荐
jquery的trigger和triggerHandler的区别示例介绍
Apr 20 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
Nov 21 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
利用Javascript仿Excel的数据透视分析功能
Sep 07 Javascript
浅析jQuery操作select控件的取值和设值
Dec 07 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
Dec 23 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
bootstrap表格内容过长时用省略号表示的解决方法
Nov 21 Javascript
vue 实现Web端的定位功能 获取经纬度
Aug 08 Javascript
Vue中通过vue-router实现命名视图的问题
Apr 23 Javascript
使用Typescript和ES模块发布Node模块的方法
May 25 Javascript
bootstrap-table后端分页功能完整实例
Jun 01 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
linux系统上支持php的 iconv()函数的方法
2011/10/01 PHP
PHP测试程序运行时间的类
2012/02/05 PHP
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
JavaScript toFixed() 方法
2010/04/15 Javascript
js null undefined 空区别说明
2010/06/13 Javascript
5秒后跳转到另一个页面的js代码
2013/10/12 Javascript
js获取电脑分辨率的思路及操作
2013/11/22 Javascript
node.js中的fs.link方法使用说明
2014/12/15 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
2016/03/04 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
2017/02/11 Javascript
微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
2017/08/16 Javascript
jquery.onoff实现简单的开关按钮功能(推荐)
2018/05/24 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
2018/06/14 jQuery
layui table 多行删除(id获取)的方法
2019/09/12 Javascript
vant-ui框架的一个bug(解决切换后onload不触发)
2020/11/11 Javascript
[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE
2014/05/22 DOTA
[47:42]Fnatic vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python简单计算文件MD5值的方法示例
2018/04/11 Python
Python通用循环的构造方法实例分析
2018/12/19 Python
matplotlib命令与格式之tick坐标轴日期格式(设置日期主副刻度)
2019/08/06 Python
Python之time模块的时间戳,时间字符串格式化与转换方法(13位时间戳)
2019/08/12 Python
pytorch 加载(.pth)格式的模型实例
2019/08/20 Python
python实现局域网内实时通信代码
2019/12/22 Python
django数据模型(Model)的字段类型解析
2019/12/25 Python
Python3 把一个列表按指定数目分成多个列表的方式
2019/12/25 Python
Python cookie的保存与读取、SSL讲解
2020/02/17 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
python从Oracle读取数据生成图表
2020/10/14 Python
详解matplotlib中pyplot和面向对象两种绘图模式之间的关系
2021/01/22 Python
渡河少年教学反思
2014/02/12 职场文书
宣传普通话标语
2014/06/27 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书
人才市场接收函
2015/01/30 职场文书
面试通知短信
2015/04/20 职场文书
Python探索生命起源 matplotlib细胞自动机动画演示
2022/04/21 Python