与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自定义类似$.ajax()的方法实现代码
Aug 13 Javascript
JavaScript中对象property的删除方法介绍
Dec 30 Javascript
JS特效实现图片自动播放并可控的效果
Jul 31 Javascript
javascript跨域的方法汇总
Oct 23 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
Nov 30 Javascript
jQuery实现移动端Tab选项卡效果
Mar 15 Javascript
js自定义trim函数实现删除两端空格功能
Feb 09 Javascript
浅谈Webpack 是如何加载模块的
May 24 Javascript
vue项目添加多页面配置的步骤详解
May 22 Javascript
js实现一个简易计算器
Mar 30 Javascript
关于Vue中axios的封装实例详解
Oct 20 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
Dec 22 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防盗链的常用方法小结
2010/07/02 PHP
php.ini修改php上传文件大小限制的方法详解
2013/06/17 PHP
ASP.NET jQuery 实例8 (动态添加内容到DropDownList)
2012/02/03 Javascript
用jQuery toggleClass 实现鼠标移上变色
2014/05/14 Javascript
JavaScript中getUTCMinutes()方法的使用详解
2015/06/10 Javascript
Jquery实现仿京东商城省市联动菜单
2015/11/19 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
2016/06/01 Javascript
js简单判断flash是否加载完成的方法
2016/06/21 Javascript
jQuery事件用法详解
2016/10/06 Javascript
纯原生js实现贪吃蛇游戏
2020/04/16 Javascript
JS实现遍历不规则多维数组的方法
2018/03/21 Javascript
vuex 的简单使用
2018/03/22 Javascript
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
2018/04/25 Javascript
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
vue项目首屏打开速度慢的解决方法
2019/03/31 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
2019/08/12 Javascript
ES6 Generator基本使用方法示例
2020/06/06 Javascript
js实现炫酷光感效果
2020/09/05 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
[04:19]DOTA2亚洲邀请赛 现场花絮
2015/03/11 DOTA
[41:17]完美世界DOTA2联赛PWL S3 access vs CPG 第二场 12.13
2020/12/17 DOTA
python实现的DES加密算法和3DES加密算法实例
2015/06/03 Python
Python机器学习之scikit-learn库中KNN算法的封装与使用方法
2018/12/14 Python
Python object类中的特殊方法代码讲解
2020/03/06 Python
在C#中如何实现多态
2014/07/02 面试题
土木工程专业自荐信
2013/10/04 职场文书
建筑班组长岗位职责
2014/01/02 职场文书
大学毕业生个人自荐信范文
2014/01/08 职场文书
淘宝中秋节活动方案
2014/01/31 职场文书
公司联欢晚会主持词
2014/03/22 职场文书
桥梁工程专业求职信
2014/04/21 职场文书
人力资源管理求职信
2014/08/07 职场文书
北京天坛导游词
2015/02/12 职场文书
个人年度总结报告
2015/03/09 职场文书
小学语文教学反思范文
2016/03/03 职场文书
解决MySQL添加新用户-ERROR 1045 (28000)的问题
2022/03/03 MySQL