DWR

  • 项目中碰见了DWR,就简单的整理了一下。
  • eclipse新建web项目
  • 导入jar  dwr.jar
  • 在WEB-INF下新建文件,取名dwr.xml
  • <?xml version="1.0" encoding="UTF-8"?>
    <dwr>
        <allow>
            <create creator="new" javascript="Test">
                <param name="class" value="com.dwr.test.Test"/>
            </create>
        </allow>
    </dwr>
  • 修改web.xml,加入内容
    <servlet>
        <servlet-name>dwr-test</servlet-name>
        <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
        <init-param>
            <param-name>debug</param-name>
            <param-value>true</param-value>
        </init-param>
        <init-param>
            <param-name>scriptCompressed</param-name>
            <param-value>false</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>dwr-test</servlet-name>
        <url-pattern>/dwr/*</url-pattern>
    </servlet-mapping>
  • 在src下新建package并加入如下的java类
    package com.dwr.test;
    
    public class Test {
    
        public String Hello(String s){
            return "Hello "+s;
        }
    }
  • 在Webcontent或者WebRoot目录下新建index.jsp
    <%@ 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>主页</title>
    </head>
    <script type='text/javascript' src='dwr/engine.js'></script>
    <script type='text/javascript' src='dwr/util.js'></script>
    <script type='text/javascript' src='dwr/interface/Test.js'></script>
    <body>
    <input type="button" value="测试" onclick="Test1()"/>
    <input type="text" id="in"/><br>
    返回值:<input type="text" id = "serverResponse"/>
    </body>
    <script type="text/javascript">
    function Test1(){    
        var _data = document.getElementById("in").value;
        Test.Hello(_data,callback);
    }
    function callback(data){
        document.getElementById("serverResponse").value = data;
    }
    </script>
    </html>
  • 运行项目结果如下:
  • result
posted @ 2015-11-06 15:24  老毛头  阅读(171)  评论(0)    收藏  举报