博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
将table数据封装成json格式的字符串,以便传到后台处理。
阅读量:5965 次
发布时间:2019-06-19

本文共 1588 字,大约阅读时间需要 5 分钟。

hot3.png

/** * 获取table表格的数据项. */function getTableData(tableId){	var data = "{";                                        //定义数据变量	$("#" + tableId).find("input, select").each(function(){//遍历表格中的input、select等标签		if($(this).attr("id")){		               //如果此标签设置了id,则取出其中数据			data += "\"" + $(this).attr("id") + "\":\"" + $(this).val() + "\",";	//拼接id和数据		}	});	if(data.length != 1){                                  //如果取出了数据,删除多余的符号		data = data.substring(0, data.length-1);       //删除多余的符号','	}				data += "}";                                           //添加结束符	data = eval("(" + data + ")");	                       //将数据转换成json对象	return data;					       //返回数据}

楼下有人指出可以直接通过表单序列化/元素序列化获取数据,jquery的serialize()方法即可。

此方法返回的是类似url参数格式的字符串:"a=1&b=2&c=3"。此方法既可以对整个表单form进行序列化取值,也可以通过元素来序列化
即:$("#formId").serialize();或者$("input").serialize();

/************************************************2016-04-07更新***************************************************/

工作时间长了,来更新下现在使用的方法

//表单转对象$.fn.form2object = function () {    var o = {};    var a = this.serializeArray();    $.each(a, function () {        if (this.value) {            o[this.name] = this.value;        }    });    return o;};//对象转表单$.fn.object2form = function (obj) {    for (var key in obj) {        $(this).find("input[name='" + key + "']").val(obj[key]);        $(this).find("textarea[name='" + key + "']").val(obj[key]);        $(this).find("select[name='" + key + "']").val(obj[key]);    }};//将数据显示到form表单$("xxxform").object2form(data);//从form表单获取数据var data = $("xxxform").form2object();

转载于:https://my.oschina.net/chenhao901007/blog/212797

你可能感兴趣的文章
VC++深入详解学习笔记1
查看>>
安装配置discuz
查看>>
线程互互斥锁
查看>>
KVM虚拟机&openVSwitch杂记(1)
查看>>
win7下ActiveX注册错误0x80040200解决参考
查看>>
《.NET应用架构设计:原则、模式与实践》新书博客--试读-1.1-正确认识软件架构...
查看>>
2013 Linux领域年终盘点
查看>>
mysql多实例实例化数据库
查看>>
javascript 操作DOM元素样式
查看>>
Android 内存管理 &Memory Leak & OOM 分析
查看>>
HBase 笔记3
查看>>
【Linux】Linux 在线安装yum
查看>>
Atom 编辑器系列视频课程
查看>>
[原][osgearth]osgearthviewer读取earth文件,代码解析(earth文件读取的一帧)
查看>>
使用dotenv管理环境变量
查看>>
温故js系列(11)-BOM
查看>>
Vuex学习
查看>>
bootstrap - navbar
查看>>
切图崽的自我修养-[ES6] 编程风格规范
查看>>
服务器迁移小记
查看>>