与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 相关文章推荐
网页上的Javascript编辑器和代码格式化
Apr 25 Javascript
JQuery筛选器全系列介绍
Aug 27 Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 Javascript
js实现jquery的offset()方法实例
Jan 10 Javascript
纯js和css完成贪吃蛇小游戏demo
Sep 01 Javascript
react.js CMS 删除功能的实现方法
Apr 17 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
JS限制输入框输入的实现代码
Jul 02 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
Aug 05 Javascript
Vue动态获取width的方法
Aug 22 Javascript
JointJS JavaScript流程图绘制框架解析
Aug 15 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
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
简单的页面缓冲技术
2006/10/09 PHP
VB中的RasEnumConnections函数返回632错误解决方法
2014/07/29 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
PHP实现防盗链的方法分析
2017/07/25 PHP
laravel-admin 实现给grid的列添加行数序号的方法
2019/10/08 PHP
文本链接逐个出现的js脚本
2007/12/12 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
2011/09/29 Javascript
Google的跟踪代码 动态加载js代码方法应用
2012/11/12 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
2013/08/07 Javascript
使用jQuery实现的掷色子游戏动画效果
2014/03/14 Javascript
prototype.js常用函数详解
2016/06/18 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
详解nodejs微信公众号开发——5.素材管理接口
2017/04/11 NodeJs
jQuery实现 RadioButton做必选校验功能
2017/06/15 jQuery
Vue 2.0的数据依赖实现原理代码简析
2017/07/10 Javascript
微信小程序scroll-x失效的完美解决方法
2018/07/18 Javascript
cocos2dx+lua实现橡皮擦功能
2018/12/20 Javascript
微信小程序wxs实现吸顶效果
2020/01/08 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
Vite和Vue CLI的优劣
2021/01/30 Vue.js
Python的Django框架中模板碎片缓存简介
2015/07/24 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
windows下安装Python虚拟环境virtualenvwrapper-win
2019/06/14 Python
python之pymysql模块简单应用示例代码
2019/12/16 Python
Python实现多线程下载脚本的示例代码
2020/04/03 Python
解决python pandas读取excel中多个不同sheet表格存在的问题
2020/07/14 Python
Python 使用SFTP和FTP实现对服务器的文件下载功能
2020/12/17 Python
python实现图片转字符画
2021/02/19 Python
编写strcpy函数
2014/06/24 面试题
服务质量承诺书
2014/03/27 职场文书
部队2015年终工作总结
2015/04/02 职场文书
总经理司机岗位职责
2015/04/10 职场文书
Python 快速验证代理IP是否有效的方法实现
2021/07/15 Python
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers
Python matplotlib绘制雷达图
2022/04/13 Python