ajax, JSON 사용하기

개발/코딩 2020. 5. 28. 10:13

1. SELECT로 하나의 데이터가 나올때 쓰는 경우 

  # JSP #

  $.ajax({

    contentType:"application/x-www-form-urlencoded; charset=UTF-8",

    type:"POST",  

    url:"/userLogin.do",

    data: $("#form").serialize(),
    dataType : 'json',
    async: false,
    success:function(data){

      var resultCode = data.resultCode;

    }

  });

  # JAVA #

  @ResponseBody
  @Transactional
  @RequestMapping(value = "/userLogin.do")

  public String loginUser(@ModelAttribute("vo") PlanResearcherVO vo, PlanResearcherVO failVo, ModelMap model, HttpServletRequest request, HttpSession sess) throws Exception {

    JSONObject json = new JSONObject();
    vo = planService.UserLogin(vo);

    json.put("resultCode","0000");  //클라이언트 단에서 data.resultCode; 이런식으로 데이터를 꺼낼 수 있다

  return json.toString();

  }

 

2.JSON array 를 사용할 경우 (SELECT로 로우데이터를 가져올 경우 쓴다)

# JSP #

  var addData = { "FM_SEQ": seq };

  $.ajax({      
    contentType:"application/x-www-form-urlencoded; charset=UTF-8",

    type:"POST",  

    url:"/farmerCropInfo.do",

    data: addData,
    dataType : 'json',
    success:function(data){

      for(ver i=0; i<data.length; i++){

        var crType = data[i].CR_TYPE;

      }

    }

});

# JAVA #

@ResponseBody
@Transactional
@RequestMapping(value = "/planMapSelect.do")

public String planMapSelect(@ModelAttribute("vo") PlanLandVO vo, ModelMap model, HttpServletRequest request, HttpSession sess) throws Exception {

  List<PlanLandVO> list = planService.PlanAddrList(vo);

  JSONObject json = new JSONObject();

  JSONArray jsonArray = new JSONArray();

  for(int i =0; i<list.size(); i++){

    json.put("SEQ", list.get(i).getSEQ());

    jsonArray.add(json); //클라이언트 단에서 data[i].SEQ; 이런식으로 데이터를 꺼낼 수 있다

  }

  return jsonArray.toString();

}

'개발 > 코딩' 카테고리의 다른 글

json 한글 깨짐  (0) 2021.10.07
엑셀 다운로드 로딩바 만들기2  (0) 2020.08.10
JSON 데이터 추출  (0) 2020.05.15
websocket 실시간 알림.  (0) 2020.05.13
자바스크립트 문자열 치환  (0) 2020.04.24

JSON 데이터 추출

개발/코딩 2020. 5. 15. 14:30

## 1 ##

{
"response":{
"service":{"name":"data","version":"2.0","operation":"getfeature","time":"140(ms)"},
"status":"OK",
"record":{"total":"1","current":"1"},
"page":{"total":"1","current":"1","size":"10"},
"result":{
"featureCollection":{
"type":"FeatureCollection",
"bbox":[14099848.519760042,4222017.192630637,14102257.127454491,4224338.827704868],
"features":[{
"type":"Feature",
"geometry":{
"type":"MultiPolygon",
"coordinates":[[[[14101983.644347072,4223638.7044454515],[14102014.844596948,4223626.199630966]]]]
},
"properties":{
"li_eng_nm":"Jugok-ri",
"full_nm":"전라북도 고창군 고창읍 주곡리",
"li_kor_nm":"주곡리",
"li_cd":"4579025031"
},
"id":"LT_C_ADRI_INFO.159350"
}]
}
}
}
}

위와 같은 데이터를 받고

나는 coordinates 값을 가져오고 싶다면

data.response.result.featureCollection.features[0].geometry.coordinates

 

 

## 2. JSON Array 형태, ajax로 ##

{
"result1":[
{"INX":2,"DRAW_TYPE":"circle","DRAW_ID":"admin_2020429152853","CIRCLE_SIZE":"19.642358412966132","coordinate":"14103421.623586332,4223354.067356597"},
{"INX":4,"DRAW_TYPE":"area","DRAW_ID":"admin_2020429155920","CIRCLE_SIZE":"","coordinate":"14103439.376051702,4223339.665497251"}
]
}

 

$.ajax({

  contentType:"application/x-www-form-urlencoded; charset=UTF-8",

  type:"POST",

  data:$("#researchForm").serialize(),

  dataType:'json',

  success:function(data){

    var count = data.result1.length;

    for(var i=0; i<count; i++){

      var getId = data.result1[i].DRAW_ID;

    }

  }

});

'개발 > 코딩' 카테고리의 다른 글

엑셀 다운로드 로딩바 만들기2  (0) 2020.08.10
ajax, JSON 사용하기  (0) 2020.05.28
websocket 실시간 알림.  (0) 2020.05.13
자바스크립트 문자열 치환  (0) 2020.04.24
java file resize (이미지 사이즈) 수정하기  (0) 2020.03.24