집 >웹 프론트엔드 >JS 튜토리얼 >DWR이 Ajax를 구현하는 방법

DWR이 Ajax를 구현하는 방법

零到壹度원래의: 2018-04-21 14:48:101899검색

이 기사의 내용은 DWR이 Ajax를 구현하는 방법에 대한 것입니다. 이제 이를 공유합니다. 도움이 필요한 친구들이 참조할 수 있습니다.

1. Ajax 소개.

AJAX = 비동기 JavaScript 및 XML.

AJAX는 새로운 프로그래밍 언어가 아니라 기존 표준을 사용하는 새로운 방식입니다.

AJAX의 가장 큰 장점은 전체 페이지를 다시 로드하지 않고도 서버와 데이터를 교환하고 웹 페이지 콘텐츠의 일부를 업데이트할 수 있다는 것입니다.

AJAX에는 브라우저 플러그인이 필요하지 않지만 사용자가 브라우저에서 JavaScript를 실행할 수 있도록 허용해야 합니다.

2. DWR 소개

1. 공식 홈페이지 주소 http://directwebremoting.org

2. DWR은 Easy Ajax for Java입니다. DWR(Direct Web Remoting)은 웹 페이지와 Java 클래스 간의 상호 작용을 개선하는 데 사용되는 원격 서버측 Ajax 오픈 소스 프레임워크로, 개발자가 AJAX 기술이 포함된 웹 사이트를 개발하는 데 도움이 될 수 있습니다. 이를 통해 브라우저의 코드가 마치 브라우저 내부에 있는 것처럼 웹 서버에서 실행되는 JAVA 기능을 사용할 수 있습니다.

3. 코드 구현

1. Jar 패키지 다운로드

다운로드 주소는 공식 홈페이지에서 다운로드 받는 것이 가장 좋습니다. 총 100만개도 채 되지 않아 다운로드하는데 오랜 시간이 걸리지 않습니다.

다운로드 주소: https://github.com/directwebremoting/dwr/releases/download/3.0.2-RELEASE/dwr.jar

2. dwr 구성

( 1) eclipse 또는 myeclipse를 사용하여 웹 프로젝트를 생성하는 것은 여기서 반복되지 않습니다. web.xml 파일은 나중에 사용되므로 표시하도록 선택하는 것이 가장 좋습니다.

(2) WEB-INF 디렉터리에 dwr.xml 파일을 생성합니다. DWR의 구성 파일입니다. 구성 파일의 코드는 다음과 같습니다.

다른 위치는 변경할 필요가 없습니다. 여기서 "demo"는 여기에서 javascript = "demo"로 이름을 지정할 수 있으며

값도 "cn"입니다. .smileyan.cyservice" " 직접 수정할 수도 있습니다. src 디렉터리와의 일대일 대응에 주의하세요. + n.smileyan.cy 패키지. 이 클래스는 Ajax 메소드가 백그라운드와 통신하는 핵심 클래스입니다. ㅠㅠ 는

으로

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">

<dwr>
  <allow>
    <create creator="new" javascript="Demo" scope="application">
      <include method="get"/>
      <param name="class" value="cn.smileyan.cy.Cyservice"/>
    </create>
  </allow>
</dwr>

4. JAVA 코드

 <servlet>
  	<display-name>DWR Servlet</display-name>
  	<servlet-name>dwr-invoker</servlet-name>  
  	<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
  	<init-param>
      <param-name>debug</param-name>
      <param-value>true</param-value>
  	</init-param>
  </servlet>

  <servlet-mapping>
    <servlet-name>dwr-invoker</servlet-name>
	<url-pattern>/dwr/*</url-pattern>
  </servlet-mapping>

5. 실행 후 버튼을 클릭하여 효과를 보세요

IV. 요약

이 예제는 매우 간단하지만 숨기고 표시하는 간단한 js 구현과는 다릅니다. 이는 실제로 java 코드를 js 코드로 변환하기 때문입니다. 즉, Cyservice 클래스는 Demo.js에 해당하고 Demo.get 메서드는 실제로 Cyservice 개체의 get을 호출합니다.

이것의 장점은 점프하지 않고도 배경과 상호 작용이 가능하여 사용자 경험이 크게 향상된다는 것입니다.

DWR이 Ajax를 구현하는 방법

관련 기사