본문 바로가기
프론트엔드/JavaScript

ajax예제

by step 1 2021. 11. 18.
반응형

ajax를 사용할 함수 생성

async속성을 false로 주는것이 중요

function MAIL_NUM(){
		var num;
		
		$.ajax({
			type: 'post'
		   ,url: "/???/???/mailnum.nr"
		   ,dataType: "text"
		   ,async: false
		   ,success: function(data, status){
			   num = data;
		   }
		});
		return num;
	}

 

서버쪽 코드 작성

ResponseBody 어노테이션을 적용해주는것이 중요!!

	@RequestMapping(value = "/???/???/mailnum.nr")
	@ResponseBody
	public Integer ProductMail(HttpServletRequest request, @RequestParam Map param, Model model) throws Exception {
		Integer mail_num = 5;
		mail_num = productService.mail_num();
		logger.debug("## ts_num: " + mail_num);
		return mail_num;
	}

 

참고

 

https://webdevtechblog.com/reqeustbody%EC%99%80-responsebody-%EC%96%B8%EC%A0%9C-%EC%82%AC%EC%9A%A9%ED%95%A0%EA%B9%8C-2efcab364edb

 

@ReqeustBody와 @ResponseBody 언제 사용할까?

비동기 통신을 위한 어노테이션

webdevtechblog.com

 

반응형