与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 相关文章推荐
cookie的复制与使用记住用户名实现代码
Nov 04 Javascript
通过隐藏iframe实现文件下载的js方法介绍
Feb 26 Javascript
jquery插件开发之实现google+圈子选择功能
Mar 10 Javascript
jquery validate demo 基础
Oct 29 Javascript
jQuery封装的屏幕居中提示信息代码
Jun 08 Javascript
JS中的==运算: [''] == false —&gt;true
Jul 24 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
详解用node.js实现简单的反向代理
Jun 26 Javascript
JS简单实现滑动加载数据的方法示例
Oct 18 Javascript
基于jQuery实现定位导航位置效果
Nov 15 jQuery
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
p5.js绘制创意自画像
Nov 04 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
自己前几天写的无限分类类
2007/02/14 PHP
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
php采用curl模仿登录人人网发布动态的方法
2014/11/07 PHP
php版微信公众账号第三方管理工具开发简明教程
2016/09/23 PHP
php中html_entity_decode实现HTML实体转义
2018/06/13 PHP
PHP中16个高危函数整理
2019/09/19 PHP
PHP如何通过date() 函数格式化显示时间
2020/11/13 PHP
几个比较经典常用的jQuery小技巧
2010/03/01 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
2013/05/24 Javascript
利用Jquery实现可多选的下拉框
2014/02/21 Javascript
JQuery替换DOM节点的方法
2015/06/11 Javascript
JQuery自动触发事件的方法
2015/06/13 Javascript
Jquery数字上下滚动动态切换插件
2015/08/08 Javascript
微信小程序 canvas API详解及实例代码
2016/10/08 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
2016/12/13 Javascript
js设置文字颜色的方法示例
2016/12/30 Javascript
JS html时钟制作代码分享
2017/03/03 Javascript
Node.js assert断言原理与用法分析
2019/01/04 Javascript
微信小程序自定义底部弹出框动画
2020/11/18 Javascript
Python的消息队列包SnakeMQ使用初探
2016/06/29 Python
Python实现带参数与不带参数的多重继承示例
2018/01/30 Python
利用numpy和pandas处理csv文件中的时间方法
2018/04/19 Python
Python3爬虫学习入门教程
2018/12/11 Python
python实现五子棋游戏
2019/06/18 Python
Python完成哈夫曼树编码过程及原理详解
2019/07/29 Python
Python3 使用selenium插件爬取苏宁商家联系电话
2019/12/23 Python
Python requests模块session代码实例
2020/04/14 Python
Python+Xlwings 删除Excel的行和列
2020/12/19 Python
HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
2012/12/13 HTML / CSS
Nisbets法国:英国最大的厨房和餐饮设备供应商
2019/03/18 全球购物
旅游管理毕业生自荐信范文
2014/03/19 职场文书
艺术学院毕业生自荐信
2014/07/05 职场文书
会计系毕业求职信
2014/08/07 职场文书
会议邀请函
2015/01/30 职场文书
广告业务员岗位职责
2015/02/13 职场文书
2015年数学教师工作总结
2015/05/20 职场文书