与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 相关文章推荐
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
Ext对基本类型的扩展 ext,extjs,format
Dec 25 Javascript
js中eval详解
Mar 30 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
May 20 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
Dec 02 Javascript
javascript基本数据类型和转换
Mar 17 Javascript
Vuex之理解Getters的用法实例
Apr 19 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
Aug 16 Javascript
JavaScript定时器常见用法实例分析
Nov 15 Javascript
微信小程序实现点赞业务
Feb 10 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 变量类型的强制转换
2009/10/23 PHP
Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法
2010/12/29 PHP
PHP新手入门学习方法
2011/05/08 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
php的debug相关函数用法示例
2016/07/11 PHP
javascript 面向对象编程  function是方法(函数)
2009/09/17 Javascript
Javascript学习笔记-详解in运算符
2011/09/13 Javascript
详谈jQuery中的this和$(this)
2014/11/13 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
2015/08/31 Javascript
json数据处理及数据绑定
2017/01/25 Javascript
微信小程序实战之自定义抽屉菜单(7)
2017/04/18 Javascript
seajs中最常用的7个功能、配置示例
2017/10/10 Javascript
web前端vue filter 过滤器
2018/01/12 Javascript
AngularJS基于http请求实现下载php生成的excel文件功能示例
2018/01/23 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
2018/08/10 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
[02:55]DOTA2英雄基础教程 发条技师
2013/12/04 DOTA
Python使用flask框架操作sqlite3的两种方式
2018/01/31 Python
python中单例常用的几种实现方法总结
2018/10/13 Python
Python分析彩票记录并预测中奖号码过程详解
2019/07/09 Python
python GUI库图形界面开发之PyQt5控件QTableWidget详细使用方法与属性
2020/02/25 Python
python3 logging日志封装实例
2020/04/08 Python
python将音频进行变速的操作方法
2020/04/08 Python
如何理解python中数字列表
2020/05/29 Python
python设置中文界面实例方法
2020/10/27 Python
Dr.Jart+美国官网:韩国药妆品牌
2019/01/18 全球购物
漫威玩具服装及周边商品官方购物网站:Marvel Shop
2019/05/11 全球购物
文化与传播毕业生求职信
2014/03/09 职场文书
高中军训感言600字
2014/03/11 职场文书
课外活动总结范文
2014/07/09 职场文书
科学发展观演讲稿
2014/09/11 职场文书
一份没有按时交货失信于客户的检讨书
2014/09/19 职场文书
奔腾年代观后感
2015/06/09 职场文书
2020年基层司法所建设情况调研报告
2019/11/30 职场文书
html中显示特殊符号(附带特殊字符对应表)
2021/06/21 HTML / CSS
python中的sys模块和os模块
2022/03/20 Python