与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 相关文章推荐
一个判断email合法性的函数[非正则]
Dec 09 Javascript
JavaScript中的集合及效率
Jan 08 Javascript
改变隐藏的input中value的值代码
Dec 30 Javascript
javascript修改图片src的方法
Jan 27 Javascript
JavaScript返回当前会话cookie全部键值对照的方法
Apr 03 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 Javascript
JavaScript jquery及AJAX小结
Jan 24 Javascript
使用jsonp实现跨域获取数据实例讲解
Dec 25 Javascript
Express之托管静态文件的方法
Jun 01 Javascript
vue下拉菜单组件(含搜索)的实现代码
Nov 25 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
Oct 15 Javascript
微信小程序使用前置摄像头拍照
Oct 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过滤输入操作之htmlentities与htmlspecialchars用法分析
2017/02/17 PHP
javascript json2 使用方法
2010/03/16 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
jquery URL参数判断,确定菜单样式
2010/05/31 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
2011/03/30 Javascript
jQuery EasyUI API 中文文档 - Calendar日历使用
2011/10/19 Javascript
JS批量修改PS中图层名称的方法
2014/01/26 Javascript
JavaScript中实现继承的三种方式和实例
2015/01/29 Javascript
详解JavaScript编程中正则表达式的使用
2015/10/25 Javascript
让图片跳跃起来  javascript图片轮播特效
2016/02/16 Javascript
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
js实现无缝滚动图
2017/02/22 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
实例讲解Vue.js中router传参
2018/04/22 Javascript
bootstrap模态框关闭后清除模态框的数据方法
2018/08/10 Javascript
NodeJS 文件夹拷贝以及删除功能
2019/09/03 NodeJs
[01:48]完美圣典齐天大圣至宝宣传片
2016/12/17 DOTA
python显示天气预报
2014/03/02 Python
python实现ip查询示例
2014/03/26 Python
Python常用算法学习基础教程
2017/04/13 Python
python的Crypto模块实现AES加密实例代码
2018/01/22 Python
tensorflow入门之训练简单的神经网络方法
2018/02/26 Python
tensorflow学习笔记之mnist的卷积神经网络实例
2018/04/15 Python
python spyder中读取txt为图片的方法
2018/04/27 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
解决Python3 控制台输出InsecureRequestWarning问题
2019/07/15 Python
Laravel框架表单验证格式化输出的方法
2019/09/25 Python
Python 实现平台类游戏添加跳跃功能
2020/03/27 Python
基于Keras 循环训练模型跑数据时内存泄漏的解决方式
2020/06/11 Python
HTML5在线预览PDF的示例代码
2017/09/14 HTML / CSS
编辑硕士自荐信范文
2013/11/27 职场文书
专科毕业生自我鉴定
2013/12/01 职场文书
2014年9.18纪念日演讲稿
2014/09/14 职场文书
毕业证委托书范文
2014/09/26 职场文书
县委班子四风对照检查材料思想汇报
2014/09/29 职场文书