与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拖动图片删除示例
May 10 Javascript
JS 实现导航栏悬停效果
Sep 23 Javascript
同域jQuery(跨)iframe操作DOM(示例代码)
Dec 13 Javascript
在Web项目中引入Jquery插件报错的完美解决方案(图解)
Sep 19 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
Jan 13 Javascript
详解webpack分包及异步加载套路
Jun 29 Javascript
vue.js删除列表中的一行
Jun 30 Javascript
基于mpvue小程序使用echarts画折线图的方法示例
Apr 24 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
使用layui的router来进行传参的实现方法
Sep 06 Javascript
js将URL网址转为16进制加密与解密函数
Mar 04 Javascript
Postman无法正常返回结果问题解决
Aug 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
php下关于中英数字混排的字符串分割问题
2010/04/06 PHP
PHP常用技巧总结(附函数代码)
2012/02/04 PHP
PHP下打开phpMyAdmin出现403错误的问题解决方法
2013/05/23 PHP
浅析THINKPHP的addAll支持的最大数据量
2015/02/03 PHP
JavaScript日历实现代码
2010/09/12 Javascript
JS控制阿拉伯数字转为中文大写示例代码
2013/09/04 Javascript
浅析JavaScript中的CSS属性及命名规范
2013/11/28 Javascript
require.js深入了解 require.js特性介绍
2014/09/04 Javascript
Backbone.js框架中简单的View视图编写学习笔记
2016/02/14 Javascript
详解Wondows下Node.js使用MongoDB的环境配置
2016/03/01 Javascript
关于angularJs指令的Scope(作用域)介绍
2016/10/25 Javascript
react.js使用webpack搭配环境的入门教程
2017/08/14 Javascript
使用js获取伪元素的content实例
2017/10/24 Javascript
JavaScript中严格判断NaN的方法
2018/02/16 Javascript
vue中引入第三方字体文件的方法示例
2018/12/17 Javascript
layui form.render('select', 'test2') 更新渲染的方法
2019/09/27 Javascript
使用p5.js临摹动态图形
2019/10/23 Javascript
浅析js实现网页截图的两种方式
2019/11/01 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
Python bsddb模块操作Berkeley DB数据库介绍
2015/04/08 Python
python3 selenium 切换窗口的几种方法小结
2018/05/21 Python
在dataframe两列日期相减并且得到具体的月数实例
2018/07/03 Python
Python实现获取本地及远程图片大小的方法示例
2018/07/21 Python
opencv实现静态手势识别 opencv实现剪刀石头布游戏
2019/01/22 Python
python 整数越界问题详解
2019/06/27 Python
详解Django CAS 解决方案
2019/10/30 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
python如何实现不可变字典inmutabledict
2020/01/08 Python
python应用Axes3D绘图(批量梯度下降算法)
2020/03/25 Python
django有哪些好处和优点
2020/09/01 Python
css3 中translate和transition的使用方法
2020/03/26 HTML / CSS
Marlies Dekkers内衣法国官方网上商店:国际知名的荷兰内衣品牌
2019/03/18 全球购物
澳大利亚在线批发商:Simply Wholesale
2021/02/24 全球购物
教师自我鉴定范文
2014/03/20 职场文书
街道党风廉政建设调研报告
2015/01/01 职场文书
健康证明
2015/06/19 职场文书