serialize(),serializeArray()

serialize()

표준 URL 인코딩 표기법, 텍스트 문자열 생성

form 태그 대상으로 serialize() 사용하면 폼 객체들 한번에 받을 수 있음 ⇒ form 모든 값 쉽게 받음

ajax에 data 값 세팅할 때 사용

let data=$("#frm").serialize();

결과

---

serializeArray()

name와 value 형태 담아서 인코딩

json문자열로 인코딩할 준비가 된 객체의 js배열로 만듬(인덱스 존재)

let dataArray=$("#frm").serializeArray();

	let data=$("#frm").serialize();
		let dataArray=$("#frm").serializeArray();
		
		let param={};
		
		dataArray.map(function(data,index){
			param[data.name] = data.value;
		});
		console.log("param:", param);

---

번외 json 방식

		let title=$("input[name='title']").val();
		let category=$("input[name='category']").val();
		let price=$("input[name='price']").val();
		
		let jsonObj = {
				"title":title,
				"category":category,
				"price":price
		}
		console.log("jsonObj:", jsonObj);

---

예시

$(function(){
	$("#btnSave").on("click",function(){
		let data=$("#frm").serialize();
		let dataArray=$("#frm").serializeArray();
		
		console.log("data:", data);
		console.log("dataArray:", dataArray);
		let param={};
		
		dataArray.map(function(data,index){
		
			param[data.name] = data.value;
		});
		console.log("param:", param);
		//-------------------------------------
		let title=$("input[name='title']").val();
		let category=$("input[name='category']").val();
		let price=$("input[name='price']").val();
		
		let jsonObj = {
				"title":title,
				"category":category,
				"price":price
		}
		console.log("jsonObj:", jsonObj);		
		
	});
});