与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 相关文章推荐
JavaScript isPrototypeOf和hasOwnProperty使用区别
Mar 04 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 Javascript
Javascript 类型转换方法
Oct 24 Javascript
也说JavaScript中String类的replace函数
Sep 22 Javascript
js实现简单的购物车有图有代码
May 26 Javascript
chrome下jq width()方法取值为0的解决方法
May 26 Javascript
js交换排序 冒泡排序算法(Javascript版)
Oct 04 Javascript
JQuery实现样式设置、追加、移除与切换的方法
Jun 11 Javascript
微信小程序通过api接口将json数据展现到小程序示例
Jan 20 Javascript
浅谈js中的this问题
Aug 31 Javascript
JS中跳出循环的示例代码
Sep 14 Javascript
vue实现购物车加减
May 30 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/02/08 PHP
php的ajax框架xajax入门与试用介绍
2010/12/19 PHP
PHP使用Mysql事务实例解析
2014/09/08 PHP
PHP+HTML+JavaScript+Css实现简单爬虫开发
2016/03/28 PHP
CodeIgniter生成静态页的方法
2016/05/17 PHP
Yii2.0 RESTful API 基础配置教程详解
2018/12/26 PHP
CI框架网页缓存简单用法分析
2018/12/26 PHP
Laravel 队列使用的实现
2019/01/08 PHP
PHP+Apache实现二级域名之间共享cookie的方法
2019/07/24 PHP
thinkPHP5使用Rabc实现权限管理
2019/08/28 PHP
PhpStorm连接服务器并实现自动上传功能
2020/12/09 PHP
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
2012/05/30 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
2012/12/19 Javascript
jquery 延迟执行实例介绍
2013/08/20 Javascript
jquery使用经验小结
2015/05/20 Javascript
js实现匹配时换色的输入提示特效代码
2015/08/17 Javascript
如何在Angular2中使用jQuery及其插件的方法
2017/02/09 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
VueAwesomeSwiper在VUE中的使用以及遇到的一些问题
2018/01/11 Javascript
JavaScript callback回调函数用法实例分析
2018/05/08 Javascript
教你使用vue-cli快速构建的小说阅读器
2019/05/13 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
2019/09/09 Javascript
JS实现公告上线滚动效果
2021/01/10 Javascript
Django日志模块logging的配置详解
2017/02/14 Python
对pandas中apply函数的用法详解
2018/04/10 Python
python实现五子棋人机对战游戏
2020/03/25 Python
python scrapy爬虫代码及填坑
2019/08/12 Python
python多进程使用函数封装实例
2020/05/02 Python
python将logging模块封装成单独模块并实现动态切换Level方式
2020/05/12 Python
pandas抽取行列数据的几种方法
2020/12/13 Python
董事长职责范文
2013/11/08 职场文书
区域销售经理岗位职责
2013/12/10 职场文书
食品厂厂长岗位职责
2014/01/30 职场文书
家长通知书家长意见
2014/12/30 职场文书
销售经理岗位职责范本
2015/04/02 职场文书