1단계: juqury-ui, ztree의 js 파일과 css 파일을 먼저 준비 2단계: example.jsp 파일에 코드 작성 코드 복사 코드는 다음과 같습니다. ..jqueryui와 ztree의 js, css 파일을 소개합니다. ="트리 대화 상자를 표시하려면 클릭하세요." onclick ="getTree()"/> >function getTree(){ <BR>var url = "<c:url value='xx.html'/>" <BR>var 설정 ={ <BR>} ; <BR>var zNodes =[]; <BR>var 옵션={ <BR>너비:200, <BR>높이:300 <BR>}; 🎜>url : url , <BR>success : function(data){ <BR>$.each(data,funtion(n,d){ <BR>zNode.push({ <BR>id:d.id, <BR>이름:d.이름, <BR>pId:d.pId <BR>}) <BR>}) <BR>$.fn.init.ztree($('#ztree'),setting,zNode) ; <BR>$( '#ztree').dialog(옵션) <BR>} <BR>}) <BR>} <BR> 3단계: 백그라운드에서 데이터 제공 코드 복사 코드는 다음과 같습니다. @RequestMapping(" /zone_ajaxtree") @ResponseBody public List zone_ajaxtree() { List zones = zoneBodyService.getZone_ajax(); return zones; } jackson-core-asl-1.8.7.jar 및 jackson-mapper-asl-1.8.7.jar을 도입하려면 @ResponseBody를 사용해야 하기 때문에 mvc.xml 파일에 코드가 있어야 합니다. 코드 복사 코드는 다음과 같습니다. class=" org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter"> ; / /여기에는 사용자 정의 가 있습니다. //여기에서는 @에 대한 json 지원을 제공합니다. responseBody class="org.springframework.http.converter.json.MappingJacksonHttpMessageConverter" /> 🎜>