DWR基础

最新推荐文章于 2024-11-01 13:37:40 发布

thunder_1985

最新推荐文章于 2024-11-01 13:37:40 发布

阅读量498

点赞数

分类专栏： dwr 文章标签： dwr javascript callback java function string

本文链接：https://blog.csdn.net/thunder_1985/article/details/4538703

版权

dwr 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.首先要下载dwr.jar，然后放到WEB-INF/lib下…

2.負責處理客戶端請求，並呼叫Java物件的是DWRServlet，DWR其實也有些Model 2的味道，只是View的這一層比較弱，因為放到客戶端的JavaScript應用程式中…

在web.xml中加入DWRServlet…

<?xml version="1.0" encoding="UTF-8"?> <web-app version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <servlet> <servlet-name>dwr</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</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping> </web-app>

3.接下來写个的简单的java类Hello

package com.dingxun.dwr; public class Hello { public String hello(String name) { return "你好"+name+",欢迎你的加入"; } }

4.客戶端要呼叫这个Java物件，传给它参数，然后返回一个值，客户端再显示其值，前提是要告诉DWRServlet这件事情，这需要一个dwr.xml:

<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr//dwr30.dtd"> <dwr> <allow> <create creator="new" javascript="Hello"> <param name="class" value="com.dingxun.dwr.Hello" /> </create> <convert match="demo.Person" converter="bean"></convert> </allow> </dwr>

注：creator设定new，表示使用Hello的无参数的构造函数来生成物件，javascript设定为Hello，表示客戶端JavaScript程式可以使用Hello來呼叫对应的 com.dingxun.Hello物件。

5.接下来写一个客户端页面,其中有一个输入栏位…

<%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB18030"> <mce:script type='text/javascript' src="dwr/interface/Hello.js" mce_src="dwr/interface/Hello.js"></mce:script> <mce:script type='text/javascript' src="dwr/engine.js" mce_src="dwr/engine.js"></mce:script> <mce:script type='text/javascript' src="dwr/util.js" mce_src="dwr/util.js"></mce:script> <mce:script type='text/javascript' src="hello.js" mce_src="hello.js"></mce:script> <title>DWR测试</title> </head> <body> <input type="text" name="name" id="name" /> <input type="button" value="提交" οnclick="hello()" /> <div id="state" name="state"></div> </body> </html>

注：dwr/interface/Hello.js是由DWRServlet根据dwr.xml中的设定生成的，engine.js负责客戶端和服务端沟通，util.js是一些好用的JavaScript程式，是一个工具类，通过它可以简便完成某些操作，减少代码量。 hello.js是我们自定义的，按下按钮，会调用其中的hello() 方法，代码如下：

function hello() { var name = $("name").value; Hello.hello(user, callback); } function callback(msg) { DWRUtil.setValue("state", msg); }

注：${'user'}取得输入栏位的DOM物件，value取得栏位值，而后呼叫Hello.hello()，并将栏位值value值作为参数传递… 结果是呼叫Server端的Hello Java物件，当结果传回后，会调用JavaScript的callback函式(回调函数)，DWRUtil的setValue()方法会将传回的msg设定给指定id的DOM。AJAX的功能就这个发出非同步请求，而回应不用刷新整个页面了，从而实现了页面的局部刷新。