[스프링Legacy] 아이디 찾기, 비밀번호 찾기 로직 (Ajax, JSON 사용)

아이디와 비밀번호를 단순 로직을 만들어보자

 

흔한 아이디와 비밀번호 찾기 로직

 

- 아이디찾기는 이메일과 이름을 입력하고 비동기 처리

- 비밀번호 찾기는 아이디,이메일,이름 비밀번호 찾기를 이용

 

자바스크립트에서

	pwFindBtn.on("click", function() {
		var memId = $("#memId2").val();
		var memEmail = $("#memEmail2").val();
		var memName = $("#memName2").val();
		
		if(memId == null || memId == "") {
			alert("ID을 입력해주세요");
			return false;
		}
		if(memEmail == null || memEmail == "") {
			alert("이메일을 입력해주세요");
			return false;
		}
		if(memName == null || memName == "") {
			alert("이름을 입력해주세요");
			return false;
		}
		
		var data = { //JSON형태로 전환한다.
			memId : memId,
			memEmail : memEmail,
			memName : memName
		}
		
		$.ajax({
			type: "post",
			url : "/notice/pwForget.do",
			contentType: "application/json",
			data : JSON.stringify(data),
			success : function(res) { //ajax 성공시, 빈칸안에 뿌려줌
				$("#password").html(res);
			}
		})

 

 

Controller 단에서 JSON형태로 입력받아 JSON형태로 출력

	@ResponseBody // 데이터를 body로 출력 어노테이션
	@RequestMapping(value="/idForget.do", method=RequestMethod.POST )
	public ResponseEntity<String> idForgetProcess(@RequestBody DDITMemberVO member) {
		String memId = noticeService.idForgetProcess(member);
		return new ResponseEntity<String>(memId, HttpStatus.OK);
		
	}