与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旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
利用js(jquery)操作Cookie的方法说明
Dec 19 Javascript
javascript实现简单的省市区三级联动
May 14 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
Dec 23 Javascript
JavaScript prototype属性详解
Oct 25 Javascript
jQuery倒计时代码(超简单)
Feb 27 Javascript
AngularJS 应用模块化的使用
Apr 04 Javascript
基于ionic实现下拉刷新功能
May 10 Javascript
详解在微信小程序的JS脚本中使用Promise来优化函数处理
Mar 06 Javascript
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
Js图片点击切换轮播实现代码
Jul 27 Javascript
js实现详情页放大镜效果
Oct 28 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
PHP函数篇之掌握ord()与chr()函数应用
2011/12/05 PHP
php接口数据加密、解密、验证签名
2015/03/12 PHP
zend框架实现支持sql server的操作方法
2016/12/08 PHP
golang 调用 php7详解及实例
2017/01/04 PHP
Laravel如何自定义command命令浅析
2019/03/23 PHP
window.name代替cookie的实现代码
2010/11/28 Javascript
现如今最流行的JavaScript代码规范
2014/03/08 Javascript
javascript Deferred和递归次数限制实例
2014/10/21 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
js实现带圆角的多级下拉菜单效果
2015/08/28 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
2016/08/09 Javascript
canvas时钟效果
2017/02/16 Javascript
详解微信小程序 相对定位和绝对定位
2017/05/11 Javascript
angular动态删除ng-repaeat添加的dom节点的方法
2017/07/20 Javascript
浅谈mint-ui 填坑之路
2017/11/06 Javascript
微信小程序scroll-x失效的完美解决方法
2018/07/18 Javascript
微信小程序授权登录及解密unionId出错的方法
2018/09/26 Javascript
浅谈Vue数据响应思路之数组
2018/11/06 Javascript
用node.js写一个jenkins发版脚本
2019/05/21 Javascript
[04:11]2014DOTA2国际邀请赛 CIS遗憾出局梦想不灭
2014/07/09 DOTA
python抓取豆瓣图片并自动保存示例学习
2014/01/10 Python
Python代码调试的几种方法总结
2015/04/15 Python
python制作抖音代码舞
2019/04/07 Python
在Python中构建增广矩阵的实现方法
2019/07/01 Python
用python画一只可爱的皮卡丘实例
2019/11/21 Python
python 比较2张图片的相似度的方法示例
2019/12/18 Python
使用python matploblib库绘制准确率,损失率折线图
2020/06/16 Python
Born鞋子官网:Born Shoes
2017/04/06 全球购物
Agoda台湾官网:国内外订房2折起
2018/03/20 全球购物
战友聚会邀请函
2014/01/18 职场文书
考核评语大全
2014/04/29 职场文书
工程售后服务承诺书
2014/05/21 职场文书
美化环境标语
2014/06/20 职场文书
信仰观后感
2015/06/03 职场文书
导游词之山东红叶谷
2019/10/31 职场文书
Android使用EventBus发送消息,Fragment中接收消息的方法会执行多次
2022/04/24 Java/Android