与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 相关文章推荐
网页中实现浏览器的最大,最小化和关闭按钮
Mar 12 Javascript
javascript针对DOM的应用分析(三)
Apr 15 Javascript
js捕获鼠标滚轮事件代码
Dec 16 Javascript
js用拖动滑块来控制图片大小的方法
Feb 27 Javascript
AngularJS进行性能调优的7个建议
Dec 28 Javascript
jQuery获取checkbox选中的值
Jan 28 Javascript
JS基于递归实现倒计时效果的方法
Nov 26 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
Jan 15 Javascript
JS处理一些简单计算题
Feb 24 Javascript
angularJs中json数据转换与本地存储的实例
Oct 08 Javascript
node 文件上传接口的转发的实现
Sep 23 Javascript
vue v-for直接循环数字实例
Nov 07 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 selectradio和checkbox默认选择的实现方法详解
2013/06/29 PHP
php源码分析之DZX1.5加密解密函数authcode用法
2015/06/17 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
jquery中插件实现自动添加用户的具体代码
2013/11/15 Javascript
JS中Date日期函数中的参数使用介绍
2014/01/02 Javascript
Javascript自定义函数判断网站访问类型是PC还是移动终端
2014/01/10 Javascript
jquery无刷新验证邮箱地址实现实例
2014/02/19 Javascript
node.js中的favicon.ico请求问题处理
2014/12/15 Javascript
js面向对象之静态方法和静态属性实例分析
2015/01/10 Javascript
JavaScript中获取纯正的undefined的方法
2016/03/06 Javascript
Jquery 自定义事件实现发布/订阅的简单实例
2016/06/12 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
2016/12/25 Javascript
JavaScript两个变量交换值的实现方法
2017/03/01 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
2017/05/31 Javascript
Javascript ES6中对象类型Sets的介绍与使用详解
2017/07/17 Javascript
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
小程序登录态管理的方法示例
2018/11/13 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
2020/07/22 Javascript
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
Python 带有参数的装饰器实例代码详解
2018/12/06 Python
如何在vscode中安装python库的方法步骤
2021/01/06 Python
Python3利用scapy局域网实现自动多线程arp扫描功能
2021/01/21 Python
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
Fossil加拿大官网:化石手表、手袋、首饰及配饰
2019/04/23 全球购物
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
澳大利亚最受欢迎的女士度假服装:Kabana Shop
2020/10/10 全球购物
新闻学专业大学生职业生涯规划范文
2014/03/02 职场文书
爽歪歪广告词
2014/03/20 职场文书
过程装备与控制工程专业求职信
2014/07/02 职场文书
三好学生先进事迹材料
2014/08/28 职场文书
应届毕业生自荐信
2015/03/04 职场文书
节水宣传标语口号
2015/12/26 职场文书
JavaScript实例 ODO List分析
2022/01/22 Javascript
Python实现归一化算法详情
2022/03/18 Python