与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选择器-根据多个属性选择示例代码
Oct 21 Javascript
用正则表达式替换图片地址img标签
Nov 22 Javascript
js、jquery图片动画、动态切换示例代码
Jun 03 Javascript
js简单的点击返回顶部效果实现方法
Apr 10 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
Jun 01 Javascript
js实现的后台左侧管理菜单代码
Sep 11 Javascript
jQuery如何封装输入框插件
Aug 19 Javascript
JS实现搜索框文字可删除功能
Dec 28 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
vue的全局变量和全局拦截请求器的示例代码
Sep 13 Javascript
element-ui table span-method(行合并)的实现代码
Dec 20 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 5.0 Pear安装方法
2006/12/06 PHP
php addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
ZF框架实现发送邮件的方法
2015/12/03 PHP
PHP使用token防止表单重复提交的方法
2016/04/07 PHP
PHP序列化和反序列化深度剖析实例讲解
2020/12/29 PHP
JavaScript检测并限制复选框选中个数的方法
2015/08/12 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
bootstrap multiselect下拉列表功能
2017/08/22 Javascript
JavaScript 中Date对象的格式化代码方法汇总
2017/09/06 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
JS实现方形抽奖效果
2018/08/27 Javascript
小程序实现展开/收起的效果示例
2018/09/22 Javascript
快速了解Node中的Stream流是什么
2019/02/13 Javascript
利用Angular7开发一个Radio组件的全过程
2019/07/11 Javascript
Vue 实现一个简单的鼠标拖拽滚动效果插件
2020/12/10 Vue.js
js实现简单的倒计时
2021/01/28 Javascript
[02:21]十步杀一人,千里不留行——DOTA2全新英雄天涯墨客展示
2018/08/29 DOTA
Python使用sftp实现上传和下载功能(实例代码)
2017/03/14 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
解决安装pycharm后不能执行python脚本的问题
2019/01/19 Python
关于python之字典的嵌套,递归调用方法
2019/01/21 Python
Python转换时间的图文方法
2019/07/01 Python
PyInstaller运行原理及常用操作详解
2020/06/13 Python
python闭包与引用以及需要注意的陷阱
2020/09/18 Python
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
匡威比利时官网:Converse Belgium
2017/04/13 全球购物
四方通行旅游网:台湾订房、出国旅游
2017/09/20 全球购物
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
在C中是否有模拟继承等面向对象程序设计特性的好方法
2012/05/22 面试题
Linux的主要特性
2014/10/06 面试题
汽车技术服务英文求职信范文
2014/01/02 职场文书
青年文明号复核材料
2014/02/11 职场文书
无毒社区工作方案
2014/05/23 职场文书
2015年员工试用期工作总结
2014/12/12 职场文书
复兴之路观后感3000字
2015/06/02 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书