DWR이 Ajax를 구현하는 방법-JS 튜토리얼-php.cn

DWR이 Ajax를 구현하는 방법

零到壹度

풀어 주다： 2018-04-21 14:48:10

원래의

1861명이 탐색했습니다.

이 기사의 내용은 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 학습을 구현합니다.

DWR과 AJAX의 미묘한 관계

b/s 모드 Ajax 프레임워크 dwr 구현

DWR 프레임워크 경험(Ajax 기반 새로고침 없음 효과 구현)

위 내용은 DWR이 Ajax를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!