form表单数据转json 对象

首先需要引入jQuery，在线引用如下

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

实现转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;
};

我们通过form表单的id取到数据调用序列化对象函数

function send() {
/*	var formRef = $('#form1').serializeArray();
	var jsonString = JSON.stringify(formRef);*/
	var jsonInfo = $('#form1').serializeObject();
	var jsonString = JSON.stringify(jsonInfo);
	alert(jsonString);
}

form表单 

<form id="form1">
	name:<input type="text" name="name" /><br /> 
	password:<input type="password" name="password" /><br />
	<input type="button" onclick="send();" value="send" />
</form>