与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连接access数据库的方法
Nov 17 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
Dec 26 Javascript
setTimeout的延时为0时多个浏览器的区别
May 23 Javascript
jsvascript图像处理—(计算机视觉应用)图像金字塔
Jan 15 Javascript
让元素在网页中可拖动示例代码
Aug 13 Javascript
node.js中的fs.mkdirSync方法使用说明
Dec 17 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
May 19 Javascript
jQuery图片轮播插件——前端开发必看
May 31 Javascript
JS代码实现根据时间变换页面背景效果
Jun 16 Javascript
获取今天,昨天,本周,上周,本月,上月时间(实例分享)
Jan 04 Javascript
微信小程序 九宫格实例代码
Jan 21 Javascript
Vue-CLI 项目在pycharm中配置方法
Aug 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
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
php求两个目录的相对路径示例(php获取相对路径)
2014/03/27 PHP
PHP移动文件指针ftell()、fseek()、rewind()函数总结
2014/11/18 PHP
Yii框架关联查询with用法分析
2014/12/02 PHP
php基于curl实现随机ip地址抓取内容的方法
2016/10/11 PHP
基于jquery的jqDnR拖拽溢出的修改
2011/02/12 Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
2013/04/16 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
AngularJS入门教程之表单校验用法示例
2016/11/02 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
2017/01/16 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
2017/02/20 Javascript
浅谈js for循环输出i为同一值的问题
2017/03/01 Javascript
nodejs 子进程正确的打开方式
2017/07/03 NodeJs
轻松搞定jQuery+JSONP跨域请求的解决方案
2018/03/06 jQuery
vue form check 表单验证的实现代码
2018/12/09 Javascript
JavaScript中concat复制数组方法浅析
2019/01/20 Javascript
微信小程序实现日历签到
2020/09/21 Javascript
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
[01:00:59]VP VS VG Supermajor小组赛胜者组第二轮 BO3第二场 6.2
2018/06/03 DOTA
Python UnicodeEncodeError: 'gbk' codec can't encode character 解决方法
2015/04/24 Python
Python中for循环控制语句用法实例
2015/06/02 Python
详解在Python程序中自定义异常的方法
2015/10/16 Python
Python对list列表结构中的值进行去重的方法总结
2016/05/07 Python
python range()函数取反序遍历sequence的方法
2018/06/25 Python
python2与python3的print及字符串格式化小结
2018/11/30 Python
使用 Python 清理收藏夹里已失效的网站
2019/12/03 Python
关于python的缩进规则的知识点详解
2020/06/22 Python
Python变量格式化输出实现原理解析
2020/08/06 Python
中专毕业自我鉴定
2013/10/16 职场文书
会计系个人求职信范文分享
2013/12/20 职场文书
服务型党组织建设典型材料
2014/05/07 职场文书
广告设计专业毕业生自我鉴定
2014/09/27 职场文书
党的群众路线教育实践活动整改落实情况报告
2014/10/28 职场文书
期末考试复习计划
2015/01/19 职场文书
学校工会工作总结2015
2015/05/19 职场文书
python tkinter实现定时关机
2021/04/21 Python