json으로 받아온 값 select 박스에 add 하기

일단, 자바 쪽 코드

String selectedData = request.getParameter("selectedData");

  

  HashMap<String, Object> map = new HashMap<String, Object>();

  map.put("selectedData", selectedData);

  

  List<ChildDataVO> childList = new ArrayList<ChildDataVO>() ;

  childList = homeSrv.getChildDataList(map);

  

  HashMap<String, Object> mapData = new HashMap<String, Object>();

  

  mapData.put("childList", childList);

  

  JSONObject jso = new JSONObject();

  jso.put("result", mapData);

  

  try {

   response.setContentType("application/json");

   response.setCharacterEncoding("UTF-8"); // 이 부분은 jsp 에서 한글이 깨져서 넣어주었다.

   PrintWriter out = response.getWriter();

   out.println(jso);

   out.close();

  } catch (IOException e) {

   e.printStackTrace();

  }

List로 DB 에서 받아온 값들을 HashMap<String, Object> 에 넣는다.

그리고 이걸 json Object에 넣어!

그러면 이 값이 화면 단으로 넘어가겠지 ?

이제, 화면단 소스(js)

$J.ajax({

       type: "post",

       url: url,

       data : 'selectedData='+param

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

       ,success : function(data){

        console.log('sucess');

        $J("#childDataList").find('option').remove();

        

        var result  = new Array();

        result = data.result.childList ;

        console.log(result[0].dataId);

        $J.each(result, function(i,result){

         $J('#childDataList').append($J("<option/>", { value: result.dataId, text: result.dataName }));

        });

       }

      }).done(function(data){

       

      });

보면 list로 넘어온 object를 스크립트에서 array를 선언해 넣는다.

그 뒤. .each() 함수를 이용했는데, 아직 잘 이해는 안간다.

저기서 value 값엔 data의 id를 text엔 name을 넣은 것이다.

헷갈려....=ㅂ=