Maven - Spring Project : Ajax 사용하기

ajax 사용하기

json validator : JSON 데이터인지 유효성 검사

• https://jsonlint.com/

The JSON Validator

json변환 라이브러리(jackson)

<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-core</artifactId>
    <version>2.4.6</version>
</dependency>
<dependency>
    <groupId>com.fasterxml.jackson.core</groupId>
    <artifactId>jackson-databind</artifactId>
    <version>2.4.6</version>
</dependency>

 

ajax로 요청할 때 실행할 컨트롤러 메소드

- @ResponseBody 어노테이션으로 ajax요청을 받음

- json 값 리턴

@ResponseBody
@RequestMapping(value = "/board/ajax_boardlist.do", 
                method = RequestMethod.GET,
                produces = "application/json;charset=utf-8")
public List<BoardDTO> ajaxboardList(String category) {
    List<BoardDTO> boardlist = service.boardList(category);
    return boardlist;
}

 

ajax요청

- 요청 성공시 success 함수 실행, controller에서 넘어온 데이터 : data

$.ajax({
    url:"/bigdataShop/board/ajax_boardlist.do",
    type:"get",
    data:{
        "category":category
        },
    success:function(data){
  	  alert(data);
    },
    error:function(a,b,c){ // ajax실패시 원인
 	   alert(c);
    }
})