form中数据直接转为json

最新推荐文章于 2023-12-28 15:34:17 发布

原创最新推荐文章于 2023-12-28 15:34:17 发布 · 681 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#json #javascript #ViewUI

web 前端处理专栏收录该内容

57 篇文章

订阅专栏

本文介绍了一种将HTML表单(form)数据转换成JSON格式的方法，通过jQuery扩展功能实现。此方法能有效处理表单数据，并支持将重复字段名的数据转换为数组形式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1 功能扩展jquery方法，可以将form中数据转换为json格式

2 使用$('#form1').serializeObject()

3 如果将JSON中数据直接转为字符串

JSON.stringify( $('#form1').serializeObject()  )

4 json 字符串转换为json对象

  var str = '{"name":"小明","age":"23"}'
   var jsonObj = JSON.parse(str);

form转为JSON

$.fn.serializeObject = function() {
	var o = {};
	var a = this.serializeArray();
	$.each(a, function() {
		if (o[this.name]) {
			if (!o[this.name].push) {
				o[this.name] = [ o[this.name] ];
			}
			o[this.name].push(this.value || '');
		} else {
			o[this.name] = this.value || '';
		}
	});
	return o;
}