본문 바로가기
IT 자료

json ajax으로 주고 받기

by 성곤 2017. 3. 19.
반응형

 

json을 ajax으로 주고 받는 방법

 

 

일단 화면에서 ajax으로 주는 방법!!

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
    $.ajax({
        url : '/json.do' // 호출할 url정보
        , type : 'POST' // 꼭!! post방식으로
        , data : JSON.stringify(jsonData) // JSON.stringify()는 json을 string으로 변환시켜주는 함수입니다.
        , dataType : 'json' // 서버에서 보내는 데이터 타입(브라우저에서는 받는)
        , contentType : "application/json; charset=UTF-8" //서버에 데이터 보낼 때
        , success: function (result) {
            console.log("success"+JSON.stringify(result.data));
 
            console.log("msg"+result.msg );
 
        }
       , error:function(request,status,error){
            console.log("error");
 
        }
    });
cs

  ajax 오류 메시지 처리  http://toyuq.tistory.com/240 참조

 

 

 

 

 

java 화면에서 json 받는 방법

 

 

porm.xml에 jackson을 추가해주자

이게 있어야 화면에 json으로 던져줄 수 있다.

 

<dependency>
            <groupId>org.codehaus.jackson</groupId>
            <artifactId>jackson-mapper-asl</artifactId>
            <version>1.9.13</version>

</dependency>

 

 

 

java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
@RequestMapping(value = "/json.do", method=RequestMethod.POST) //포스트 방식으로 받는다.
public @ResponseBody HashMap<String, Object> testJson( //리턴을 map으로 하기 위함. testJson은 의미 없음
            @RequestBody List<Map<String, Object>> jsonList //화면에서 받아온 json을 List<map<k,v>>으로 받는다.
            ,ModelMap model) throws Exception {
 
    // 이제 jsonList 값을 가공해서 사용하면 된다.
 
    String paramName =  String.valueOf(jsonList.get(0).get("name")); //받아온 json의 0번째 name 값을 가져온다.  
 
 
   
    HashMap<String, Object> hashmap = new HashMap<String, Object>(); //HashMap을 이용해서 던져줌
    
    List resultList = service.queryList(); // 서비스를 호출하여 쿼리 리스트를 담는다.
    
    hashmap.put("data", resultList); // 받아온 쿼리 리스트를 hashmap에 담는다.
    hashmap.put("msg""test!!!"); // 받아온 문자열을 hashmap에 담는다.
    
    return hashmap; // 화면으로 던져준다!!
 
}
 
 
 
cs

 

 

 

 

 

반응형

'IT 자료' 카테고리의 다른 글

input 전화번호 형식으로 입력받기  (1) 2017.03.20
java map to json 변환  (0) 2017.03.19
html checkBox 전체 선택 및 해제  (0) 2017.03.19
카멜 표기법 변환기  (0) 2017.03.19
java isEmpty 공백이나 null 확인  (0) 2017.03.18