将Form表单对象转换成为json对象，适用于提交参数

最新推荐文章于 2024-02-29 22:17:41 发布

原创最新推荐文章于 2024-02-29 22:17:41 发布 · 3.8k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用jQuery将HTML表单转换为JSON对象的方法，并展示了如何将此JSON对象用于重新加载表格数据。通过自定义jQuery插件实现表单序列化，支持单选和多选字段的处理。

		/**
		 *	将Form对象转换成为json对象，使用方式	var fo = $("#searchForm").serializeJson();	console.info(fo);
		 */
		$.fn.serializeJson = function() {
			var serializeObj = {};
			var array = this.serializeArray();
			$(array).each(function() {
				if (serializeObj[this.name]) {
					if ($.isArray(serializeObj[this.name])) {
						serializeObj[this.name].push(this.value);
					} else {
						serializeObj[this.name] = [ serializeObj[this.name], this.value ];
					}
				} else {
					serializeObj[this.name] = this.value;
				}
			});
			return serializeObj;
		};

		// 点击查询窗口里面的查询按钮
		$("#btn").click(function() {
			var j = $("#searchForm").serializeJson();	// 将查询窗口的表单对相关给转成json格式
			$('#grid').datagrid('load', j);				// 重新装载数据
			$("#searchWindow").window("close");			// 记得关闭查询窗口
		});