1. 程式人生 > >form表單資料轉json 物件

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>