与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的淡入淡出可自动切换的幻灯插件
Aug 24 Javascript
JavaScript实现自己的DOM选择器原理及代码
Mar 04 Javascript
JavaScript基础重点(必看)
Jul 09 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
js实现登录验证码
Dec 22 Javascript
浅谈ECMAScript6新特性之let、const
Aug 02 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
Oct 26 Javascript
在vue中读取本地Json文件的方法
Sep 06 Javascript
JavaScript实现美化滑块效果
May 17 Javascript
解决微信小程序scroll-view组件无横向滚动的问题
Feb 04 Javascript
Ajax实现局部刷新的方法实例
Mar 31 Javascript
如何使JavaScript休眠或等待
Apr 27 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新建文件自动编号的思路与实现
2011/06/27 PHP
php获取网卡的MAC地址支持WIN/LINUX系统
2014/04/30 PHP
浅析ThinkPHP缓存之快速缓存(F方法)和动态缓存(S方法)(日常整理)
2015/10/26 PHP
php array_udiff_assoc 计算两个数组的差集实例
2016/11/12 PHP
Yii2――使用数据库操作汇总(增删查改、事务)
2016/12/19 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
PHP的微信支付接口使用方法讲解
2019/03/08 PHP
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
2014/05/20 Javascript
javascript获取flash版本号的方法
2014/11/20 Javascript
AngularJS入门教程(一):静态模板
2014/12/06 Javascript
AngularJS学习笔记之TodoMVC的分析
2015/02/22 Javascript
以JavaScript来实现WordPress中的二级导航菜单的方法
2015/12/14 Javascript
JavaScript Array对象详解
2016/03/01 Javascript
原生JS和jQuery版实现文件上传功能
2016/04/18 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
2018/01/02 Javascript
vue 项目常用加载器及配置详解
2018/01/22 Javascript
详解React之父子组件传递和其它一些要点
2018/06/25 Javascript
对angularJs中ng-style动态改变样式的实例讲解
2018/09/30 Javascript
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
es6函数之严格模式用法实例分析
2020/03/17 Javascript
解读Django框架中的低层次缓存API
2015/07/24 Python
Python实现删除当前目录下除当前脚本以外的文件和文件夹实例
2015/07/27 Python
Python科学计算之NumPy入门教程
2017/01/15 Python
python实现四人制扑克牌游戏
2020/04/22 Python
python 使用多线程创建一个Buffer缓存器的实现思路
2020/07/02 Python
编写python代码实现简单抽奖器
2020/10/20 Python
中文师范生自荐信
2014/01/30 职场文书
监察建议书范文
2014/03/12 职场文书
审计班子对照检查材料
2014/08/27 职场文书
房屋出租协议书范本(标准版)
2014/09/24 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
领导参观欢迎词
2015/01/26 职场文书
销售经理岗位职责
2015/01/31 职场文书
全国法制宣传日活动总结
2015/05/05 职场文书