Spring : Ajax 동기/비동기

ajax를 사용하면 페이지 이동 없이 .jsp에서 컨트롤러로 데이터 전송이 가능하다.

 

 

$.ajax({
	                    url:'<%=request.getContextPath()%>/getItem',
	                    type:'POST',
	                    data: {fieldID : fieldInfo[i].field_id} ,
	                    dataType : 'json',
	                    async: false,
	                    success:function(data){
		                    optionlist = data;
	                        console.log(" 옵션 가져오기 성공!!");
       
	                    },
	                    error:function(jqXHR, textStatus, errorThrown){
	                        alert("에러 발생~~ \n" + textStatus + " : " + errorThrown);
	                    }

 

url : 넘어갈 컨트롤러

type : 전송 타입 (post / get)

data { fieldID = 보내는 데이터의 변수명 : fieldInfo[i].field_id = 전송 값}

 

 

async :  (true : 비동기 / false : 동기)

-비동기 방식은 데이터 수신이 완료될 때 까지 기다리지 않고 다음 작업을 진행,

불필요한 로딩 줄일 수 있음

- 동기 방식은 데이터 수신이 완료될 때까지 기다리고 다음 작업을 진행함

 

-ajax의 default는 비동기 방식을 사용하므로 따로 적어주지 않으면 비동기 방식으로 처리한다.