ajax의 개념, 사용이유, 사용방법 정리

AJAX : Asynchronous JavaScript And XML

 

AJAX를 사용하면,

페이지 새로고침 없이 서버에 요청하고

서버로부터 데이터를 받고 작업을 수행할 수 있다.

 

springMVC구조에서 사용할 경우 redirect로 요청하지 않고 ajax를 사용할 수 있다.

=> 자바스크립트를 활용하여 웹서버에 비동기요청을 보내기 때문

 

사용하는 이유 : 필요한 데이터만 받아 갱신하기 때문에 자원과 시간을 아끼고 속도가 향상된다.

 

---

 

jackson를 pom.xml에 추가해준다.

	<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-core -->
	<dependency>
	    <groupId>com.fasterxml.jackson.core</groupId>
	    <artifactId>jackson-core</artifactId>
	    <version>2.12.0</version>
	</dependency>
	<!-- https://mvnrepository.com/artifact/com.fasterxml.jackson.core/jackson-databind -->
	<dependency>
	    <groupId>com.fasterxml.jackson.core</groupId>
	    <artifactId>jackson-databind</artifactId>
	    <version>2.12.0</version>

 

 

그리고 컨트롤러에서는 @ResponseBody 어노테이션을 사용한다.

 

 

자바스크립트 예시

$.ajax({
  type : 'POST',
  url : '서버요청주소',
  contentType : 'application/json;charset=UTF-8',
  data : 전송데이터
  dataType : 'json',
  success : function(response) { 응답 },
    error : function() { 실패 }
});

 

 

ajax코드예시는 하단의 블로그에 잘 정리되어있어 참고하기 좋을 것 같다.

Spring MVC4 에서의 Ajax (JQuery Ajax)운영 요약과 예제