dwr 使用

来源：互联网发布：阿里云幕布申请编辑：程序博客网时间：2024/06/10 19:45

第一步：导入jar包

第二步：配置web.xml文件

<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"id="WebApp_ID" version="2.5">  启动dwr，默认去读取/WEB-INF/dwr.xml  <listener>    <listener-class>org.directwebremoting.servlet.DwrListener</listener-class>  </listener>    <servlet>    <servlet-name>dwr-invoker</servlet-name>    <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>    <!-- This should NEVER be present in live -->    <init-param>      <param-name>debug</param-name>      <param-value>true</param-value>    </init-param>    <load-on-startup>1</load-on-startup>  </servlet>     <servlet-mapping>    <servlet-name>dwr-invoker</servlet-name>    <url-pattern>/dwr/*</url-pattern>  </servlet-mapping></web-app>

第三步：配置dwr.xml文件

<?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>  <!-- 此时hello就是这个HelloDwr的对象，在页面中就需要通过hello.js来引入 -->    <create creator="new" javascript="hello">      <param name="class" value="org.konghao.service.HelloDwr"/>    </create>    <create creator="new" javascript="UserService">      <param name="class" value="org.konghao.service.UserService"/>      <include method="list"/>    </create>     <!-在返回对象时，需要指定转换器，指定对象该怎样转换-->     <convert converter="bean" match="org.konghao.service.User"/>     <convert converter="bean" match="org.konghao.service.Group"/>         <convert converter="exception" match="java.lang.Exception"/>    <convert converter="bean" match="java.lang.StackTraceElement"/>   </allow></dwr>

第四步：使用

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><!-- 必须引入dwr的engine.js --><script type="text/javascript" src="<%=request.getContextPath()%>/dwr/engine.js"></script><script type="text/javascript" src="<%=request.getContextPath()%>/dwr/util.js"></script><!-- 将java的类引入 --><script type="text/javascript" src="<%=request.getContextPath()%>/dwr/interface/UserService.js"></script><script type="text/javascript">window.onload = init;//配置全局异常的处理dwr.engine.setErrorHandler(errorHandler);function init() {//在引入了util.js之后可以直接使用$("xxx")来获取id对象，但是通常不赞成使用，特别是在使用jquery之后initTable();}function search() {var id = document.getElementById("searchId").value;UserService.load(id,function(data){document.getElementById("searchResult").innerHTML = "搜索结果:"+data.name+"-->"+data.group.name;});}function initTable() {UserService.list(function(data){var t = document.getElementById("users");if(t.getElementsByTagName("tbody")[0])t.removeChild(t.getElementsByTagName("tbody")[0]);var tb = "<tbody>"for(var i=0;i<data.length;i++) {tb+="<tr><td>"+data[i].id+"</td><td>"+data[i].name+"</td><td>"+data[i].group.name+"</td></tr>"}tb+="</tbody>"t.innerHTML=t.innerHTML+tb;});}function addUser() {var uid = document.getElementById("userId").value;var uname = document.getElementById("username").value;var gid = document.getElementById("groupId").value;var gname = document.getElementById("groupName").value;var u = {"id":uid,"name":uname,group:{"id":gid,"name":gname}};UserService.add(u);initTable();}function deleteUser() {var did = document.getElementById("did").value;/*UserService.deleteUser(did,{callback:function(data){initTable();},errorHandler:function(msg,e) {}});*/UserService.deleteUser(did,function(data){initTable();});}function errorHandler(msg,e) {alert(msg);for(var eo in e) {alert(eo+"------>"+e[eo]);}}</script></head><body><table id="users" border="1" width="700" align="center"><thead><tr><td colspan="3">输入id:<input type="text" id="searchId"/><input type="button" value="search" id="searchBtn" onclick="search()"/></td></tr><tr><td>用户标识</td><td>用户名</td><td>用户所在组</td></tr></thead></table><p><input type="text" id="did"/><input type="button" value="删除" onclick="deleteUser()"/></p><p>用户名:<input type="text" id="username"/> 用户id:<input type="text" id="userId"/><br/>组名称:<input type="text" id="groupName"/> 组id:<input type="text" id="groupId"/><br/><input type="button" value="添加用户" onclick="addUser()"/></p><div id="searchResult"></div></body></html>

0 0