DWR을 사용하면 AJAX가 매우 쉬워집니다

<서블릿>
 <servlet-name>dwr-invoker</servlet-name>
 <display-name>DWR 서블릿</display-name>
 <description>직접 웹 원격 서블릿</description>
 <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
 <초기화 매개변수>
 <param-name>디버그</param-name>
 <param-value>true</param-value>
 </init-param>
 </서블릿>

 <서블릿 매핑>
 <servlet-name>dwr-invoker</servlet-name>
 <url-패턴>/dwr/*</url-pattern>
 </서블릿 매핑>

<dwr>
 <허용>
 <convert 변환기="bean" match="dwr.sample.Apartment"/>
 <create creator="new" javascript="ApartmentDAO" class="dwr.sample.ApartmentDAO">
 <include 메소드="findApartments"/>
 <include 메소드="countApartments"/>
 </create>
 </allow>
 </dwr>

위 파일은 이 예에서 두 가지 목표를 모두 달성합니다. 첫째, <convert> 태그는 DWR에게 dwr.sample.Apartment 객체의 유형을 연관 배열로 변환하도록 지시합니다. 왜냐하면 보안상의 이유로 DWR은 기본적으로 일반 Bean을 변환하지 않기 때문입니다. 둘째, <create> 태그를 사용하면 DWR이 JavaScript 호출을 위한 dwr.sample.ApartmentDAO 클래스를 노출할 수 있으며, 페이지에서 사용하는 JavaScript 파일은 javascript 속성으로 정의됩니다. dwr.sample.ApartmentDAO 클래스의 어떤 메소드를 사용할 수 있는지 지정하는 <include> 태그에 주의를 기울여야 합니다.

 HTML/JSP 코드 <BR>가 구성된 후에는 웹 애플리케이션을 시작할 수 있습니다. 이때 DWR은 HTML 또는 Java 서버 측 페이지(JSP)에서 필요한 메소드를 호출할 준비가 됩니다. JavaScript 파일을 만듭니다. search.jsp 파일에서 DWR 엔진뿐만 아니라 DWR에서 제공하는 JavaScript 인터페이스를 추가하고코드 에 다음 세 줄을 추가해야 합니다:

<script src='dwr/interface/ApartmentDAO.js'></ 스크립트>
 <script src='dwr/engine.js'></script>
 <script src='dwr/util.js'></script>

사용자가 검색 기준을 변경할 때 이것이 샘플 프로그램에서 javascript :void(0);">AJAX를 처음으로 적용한 것임을 알 수 있습니다. 기준이 변경되면 사용 가능한 아파트 수가 업데이트됩니다. 저는 두 가지 JavaScript 함수를 만들었습니다. ApartmentDAO.countApartments() 함수는 가장 흥미로운 부분인 loadTotal() 함수입니다. DWR은 서버로부터 응답을 받을 때 호출됩니다. 그런 다음 대화형 시나리오에 사용되는 JavaScript 함수의 <div>에 결과를 표시하기 위해 loadTotal이 호출됩니다

.
 $("resultTable").style.display = '없음';
 var 침실 = document.getElementById("침실").value;
 var 욕실 = document.getElementById("욕실").value;
 var 가격 = document.getElementById("price").value;
 ApartmentDAO.countApartments(loadTotal, 침실, 욕실, 가격);
 }

 함수 loadTotal(데이터) {
 document.getElementById("totalRecords").innerHTML = 데이터;
 }

분명히 사용자는 자신의 검색 기준과 일치하는 아파트 목록을 보고 싶어합니다. 그런 다음 사용자가 검색 기준에 만족하고 총계가 유효하면 결과를 표시하는 버튼을 누르고 updateResults() JavaScript 메서드를 호출합니다.
 함수 업데이트결과() {

 DWRUtil.removeAllRows("apartmentsbody");
 var 침실 = document.getElementById("침실").value;
 var 욕실 = document.getElementById("욕실").value;
 var 가격 = document.getElementById("price").value;
 ApartmentDAO.findApartments(fillTable, 침실, 욕실, 가격);
 $("resultTable").style.display = '';
 }

 함수 fillTable(아파트) {
 DWRUtil.addRows("apartmentsbody", apartment, [ getId, getAddress, getBedrooms, getBathrooms, getPrice ]);
 }
 updateResults() 메서드는 검색 반환 결과를 저장하는 테이블 필드를 지우고 사용자 인터페이스에서 필수 매개변수를 가져온 다음 이러한 매개변수를 DWR에서 생성된 ApartmentDAO 개체에 전달합니다. 그런 다음 데이터베이스 쿼리가 실행되고 fillTable()이 호출되어 DWR(아파트)에서 반환된 개체를 구문 분석하고 이를 페이지(아파트 본문)에 표시합니다.

 보안 요소 <BR>예제를 간략하게 유지하기 위해 ApartmentDAO 클래스는 가능한 한 단순하게 유지되지만 이러한 클래스에는 일반적으로 insert(), update() 및 delete()와 같은 데이터를 조작하기 위한 set 메소드 세트가 있습니다. DWR은 모든 HTML 페이지에서 호출되는 모든 공개 메소드를 노출합니다. 보안상의 이유로 데이터 액세스 레이어를 이와 같이 노출하는 것은 현명하지 않습니다. 개발자는 모든 JavaScript 기능과 기본 비즈니스 구성 요소 간의 통신을 중앙 집중화하여 기능의 과도한 노출을 제한하는 외관을 만들 수 있습니다.

 결론 <BR>이 기사는 프로젝트에서 DWR 기반 javascript :void(0);">AJAX를 사용하기 위한 시작일 뿐입니다. DWR을 사용하면 애플리케이션의 상호 작용 모델을 개선하는 방법에 집중할 수 있습니다. JavaScript 코드 작성 및 디버깅의 부담 javascript :void(0);">AJAX는 사용성을 향상시키는 위치와 방법을 정의하는 것입니다. DWR은 웹 페이지와 Java 객체 간의 통신을 담당하므로 애플리케이션의 사용자 인터페이스를 보다 친숙하게 만드는 방법에 전적으로 집중할 수 있도록 도와줍니다.
 이 글을 읽고 매우 귀중한 피드백을 주신 Mircea Oancea와 Marcos Pereira에게 감사의 말씀을 전하고 싶습니다.

 리소스 ·javaworld.com:javaworld.com
 ·Matrix-Java 개발자 커뮤니티: http://www.matrix.org.cn/
 ·onjava.com:onjava.com
 ·샘플 프로그램의 모든 소스 코드 다운로드: http://www.javaworld.com/javaworld/jw-06-2005/dwr/jw-0620-dwr.war
 ·DWR: http://www.getahead.ltd.uk/dwr/index.html
 ·HSQL: http://hsqldb.sourceforge.net/
 ·javascript :void(0);">AJAX 정의: http://en.wikipedia.org/wiki/javascript :void(0);">AJAX
 · "javascript :void(0);">AJAX: 웹 애플리케이션을 향한 새로운 길": Jesse James Garrett(Adaptive Path, 2005.2): http://www.adaptivepath.com/publications/essays/archives/000385.php
 · “매우 동적인 웹 인터페이스” Drew McLellan(xml.com, 2005.2): http://www.xml.com/pub/a/2005/02/09/xml-http-request.html
 ·XMLHttpRequest & javascript :void(0);">AJAX 작업 예: http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples
 · “Usable XMLHttpRequest Practices” 백달 토마스(Baekdal.com, 2005.3): http://www.baekdal.com/articles/Usability/usable-XMLHttpRequest/
 ·"XMLHttpRequest 사용 지침" 백달 토마스(Baekdal.com, 2005.2): http://www.baekdal.com/articles/Usability/XMLHttpRequest-guidelines/