깜놀하는 해므찌로

Egov Spring ajax json 비동기 통신 사용 예시 본문

IT

Egov Spring ajax json 비동기 통신 사용 예시

agnusdei1207 2022. 7. 6. 15:39
반응형
SMALL
function insertPw(){
	  
	var seq = $("#box").val()
	
	$.ajax({         
		method : "POST",    
		url : "checkPw.do",
		data : {"eqSeq" : seq, "eqPw" : $("#eqPW").val()},
		dataType : "JSON",    
		success: function(data){ 
			if(data.result){  
				alert("비밀번호가 일치하여 게시글로 이동합니다.");
				closeModal();       
				fncPageBoard('view','view.do', seq,'eqSeq');
				return true;
			}else{       
				checkMsg("#eqPW", "비밀번호가 틀렸습니다.");
				$("#eqPW").val("");
				return false;
			}
		}    
	})   
}

1. js ajax 함수 선언 

2. 받을 데이터 JSON 타입 선언

@ResponseBody
@SuppressWarnings("rawtypes")
@RequestMapping(subFolderPath + "checkPw.do")
public Map checkPw(@ModelAttribute("searchVO") EstQstVO searchVO, Model model, String pass, HttpServletRequest request) throws Exception {

    Map<String, Boolean> map = new HashMap<>();  
    System.out.println("입력 받은 번호 : "+ searchVO.getEqPw());
    EstQstVO result = (EstQstVO)cmmnService.selectContents(searchVO, PROGRAM_ID);  
    System.out.println("원래 번호 : "+ result.getEqPw());
    if(result.getEqPw().equals(searchVO.getEqPw())){
        map.put("result", true);
    }else{
        map.put("result", false);
    }

    return map;
}

3. ajax JSON 타입을 반환하기에 @ResponseBody 어노테이션 명시

4. 리턴 타입 Map<?> 형태 명시

5. Map<제네릭> 설정

6. 결과 값 result 키 값에 저장

7. Map map 반환

반응형
LIST