ajaxXmlBuilder 를 활용한 ajax 통신

1. 백(자바) 영역

@RequestMapping("/rsm/getTeamOrgList.do") public ModelAndView getTeamOrgList(HttpServletRequest request, @RequestParam String slfcoClCd, @RequestParam String postCorpOrgId, Map param) throws Exception { param.put("slfcoClCd", slfcoClCd); param.put("postCorpOrgId", postCorpOrgId); List<Rsm> teamOrgList = rsmService.getTeamOrgList(param); /** XML 결과 생성 */ AjaxXmlBuilder ajaxXmlBuilder = new AjaxXmlBuilder(); if( !teamOrgList.isEmpty() ) { for (Rsm teamOrg : teamOrgList) { ajaxXmlBuilder.addItem(teamOrg.getOrgId(), teamOrg.getOrgNm(), false); // XML의 <Name><value>상태로 요소를 추가한다. } } /** AjaxXmlView에서 "ajaxXml"객체를 받아서 XML데이터를 생성한다. */ ModelAndView model = new ModelAndView(new AjaxXmlView()); model.addObject("ajaxXml", ajaxXmlBuilder.toString()); return model; }

2. 프론트 영역

/** * 부서 정보 가져오기 */ function getTeamOrgList(postCorpOrgId) { $.ajax({ method : 'POST', url : '/rsm/getTeamOrgList.do', data : { 'postCorpOrgId' : postCorpOrgId , 'slfcoClCd' : $('#slfcoClCd').val() }, error : function(request, status, error) { alert('code: '+request.status+'\n'+'message: '+request.responseText+'\n'+'error: '+error); }, contentType: "application/x-www-form-urlencoded; charset=UTF-8", success : function(msg) { var item = $(msg).find('response').find('item'); initOptions($('#teamOrgId')); // 셀렉트 박스 초기화 $(item).each(function() { var teamOrgId = $(this).find('name').text(); var teamOrgNm = $(this).find('value').text(); $('#teamOrgId') .append('<option value="' +teamOrgId + '">' + teamOrgNm + '</option>'); }); } }); }

※ 개인적으로 참고하기 위해 적어놓은 것