#5-2 / Jquery Ajax & API 서버통신 (URL JSON 로드)

⚡ URL JSON 로드

$("#btn3").click(function(){
    $.ajax({
        url : "./rest_json2.do",
        cache : false,
        type : "GET",
        dataType : "JSON",
        success : function($data){
            console.log($data);
        },
        error : function($data){
            console.log($data);
        }

    });
})

 

//produces : 해당 mapping에 속성을 변환 시키는 데이터 타입 (기본은 html)
@GetMapping(value="/jq/rest_json2.do",produces="application/json")
public String rest_json2(Model m) throws Exception{
    JSONArray ja = new JSONArray();
    ja.add("hong"); // org.json.simple 은 add , org.json은 put 사용
    ja.add("park");
    ja.add("kim");
    JSONObject jo = new JSONObject();
    jo.put("member", ja);

    m.addAttribute("data",jo);

    return "/jq/rest_json"; //데이터를 찍는 jsp파일
}