与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 相关文章推荐
js中opener与parent的区别详细解析
Jan 14 Javascript
jquery中的$(document).ready()使用小结
Feb 14 Javascript
jQuery Ajax调用WCF服务详细教程
Mar 31 Javascript
理解JS事件循环
Jan 07 Javascript
js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)
Mar 09 Javascript
js获取客户端操作系统类型的方法【测试可用】
May 27 Javascript
jquery-mobile基础属性与用法详解
Nov 23 Javascript
详解能在多种前端框架下使用的表格控件
Jan 11 Javascript
validationEngine 表单验证插件使用实例代码
Jun 15 Javascript
React教程之封装一个Portal可复用组件的方法
Jan 02 Javascript
JavaScript实现连连看连线算法
Jan 05 Javascript
解决vue动态下拉菜单 有数据未反应的问题
Aug 06 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
模仿OSO的论坛(一)
2006/10/09 PHP
比较好用的PHP防注入漏洞过滤函数代码
2012/04/11 PHP
php调用C代码的实现方法
2014/03/11 PHP
PHP Curl出现403错误的解决办法
2014/05/29 PHP
Laravel 5 框架入门(三)
2015/04/09 PHP
PHP面向对象程序设计模拟一般面向对象语言中的方法重载(overload)示例
2019/06/13 PHP
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
2008/11/06 Javascript
javascript天然的迭代器
2010/10/29 Javascript
时间戳转换为时间 年月日时间的JS函数
2013/08/19 Javascript
实例讲解JS中数组Array的操作方法
2014/05/09 Javascript
Javascript 函数parseInt()转换时出现bug问题
2014/05/20 Javascript
浅谈轻量级js模板引擎simplite
2015/02/13 Javascript
微信小程序自动客服功能
2017/11/02 Javascript
vue watch关于对象内的属性监听
2019/04/22 Javascript
Vue computed 计算属性代码实例
2020/04/22 Javascript
小程序实现简单语音聊天的示例代码
2020/07/24 Javascript
详解React路由传参方法汇总记录
2020/11/29 Javascript
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
Python 绘图库 Matplotlib 入门教程
2018/04/19 Python
解决Pycharm无法import自己安装的第三方module问题
2018/05/18 Python
Python Tkinter 简单登录界面的实现
2019/06/14 Python
pyftplib中文乱码问题解决方案
2020/01/11 Python
印度网上购物首选目的地:Flipkart
2016/08/01 全球购物
西班牙太阳镜品牌:Hawkers
2018/03/11 全球购物
nohup的用法
2012/11/26 面试题
有个性的自我评价范文
2013/11/15 职场文书
客服主管岗位职责
2013/12/13 职场文书
工作自我评价怎么写
2014/01/29 职场文书
2014年寒假社会实践活动心得体会
2014/04/07 职场文书
应届生求职信
2014/05/31 职场文书
学院党的群众路线教育实践活动第一阶段情况汇报
2014/10/25 职场文书
护士节慰问信
2015/02/15 职场文书
Html5页面播放M4a音频文件
2021/03/30 HTML / CSS
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
Python中常见的反爬机制及其破解方法总结
2021/06/10 Python