FrontEnd/Ajax

ajax로 <form> 데이터 받아가기!

살찐만두 2022. 4. 29. 14:59
728x90

페이지 연결 시 form에 name값을 submit() 하는 방법을 많이 썼었는데 팀장님께서 그렇게 하면 매번 새로고침이 되는데 그러면 사용자 입장에서 불편하다고 해서 ajax로 다시 바꾸라고 하셨다!

그러면 ajax에서 form의 데이터는 그러면 어떻게 받아갈 수 있을까???

var insertSerial = $("#form1").serialize();

바로 답은 .serialize()!!!! form의 데이터를 그냥 바로 가져간다!!! 개꿀 함수!!

 

$.ajax({
		 		url:"/callRegist",
		 		method:"post",
		 		data:insertSerial,
		 		success:function(result){
			 			if(result="0000"){
						}else if(result="9999"){
							alert("정보를 확인해주세요");
							return;
						}
						alert("등록되었습니다.");
		 			location.href="/companyList"
		 			}
		 		});

 이런식으로 data부분에 변수로 받은 insertSerial을 넣어주면 data를 가져가는 것이다!!

728x90

'FrontEnd > Ajax' 카테고리의 다른 글

ajax의 data  (0) 2022.04.29
목록별로 검색조건 만들어서 ajax로 리스트 띄우기  (2) 2022.04.29