DWR Demo

最新推荐文章于 2017-12-05 09:57:34 发布

dingh69

最新推荐文章于 2017-12-05 09:57:34 发布

阅读量168

点赞数

分类专栏： ajax 文章标签： DWR Java Web Servlet XML

ajax 专栏收录该内容

3 篇文章

订阅专栏

下载dwr.jar 放在lib下
在web.xml中加入如下代码：


<servlet>
		<servlet-name>dwr-invoker</servlet-name>
		<display-name>DWR Servlet</display-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>

编写后台处理类:DwrTest.java和引入类DwrTestForm.java



package com.test;

import java.util.List;

import com.test.vo.DwrTestForm;

public class DwrTest {


	public DwrTestForm sayHello(List list) {
	    DwrTestForm dwrTestForm = new DwrTestForm();
	    dwrTestForm.setName("姓名:"+(String)list.get(0));
	    dwrTestForm.setAge("年龄:"+(String)list.get(1));
	    dwrTestForm.setSex("性别:"+(String)list.get(2));
	    dwrTestForm.setAddress("地址:"+(String)list.get(3));
	    dwrTestForm.setPhone("电话:"+(String)list.get(4));
        return dwrTestForm;
	}



}


package com.test.vo;

public class DwrTestForm
{
    String name;
    String age;
    String sex;
    String address;
    String phone;
    public String getName()
    {
        return name;
    }
    public void setName(String name)
    {
        this.name = name;
    }
    public String getAge()
    {
        return age;
    }
    public void setAge(String age)
    {
        this.age = age;
    }
    public String getSex()
    {
        return sex;
    }
    public void setSex(String sex)
    {
        this.sex = sex;
    }
    public String getAddress()
    {
        return address;
    }
    public void setAddress(String address)
    {
        this.address = address;
    }
    public String getPhone()
    {
        return phone;
    }
    public void setPhone(String phone)
    {
        this.phone = phone;
    }

}

编写dwr.xml与web.xml放入同一个目录:


<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
    "http://getahead.org/dwr/dwr20.dtd">

<dwr>
  <allow>

    <create creator="new" javascript="Demo">
      <param name="class" value="com.test.DwrTest"/>
      <include   method="sayHello" />
    </create>

    <convert converter="bean" match="com.test.vo.DwrTestForm"> 
			<param name="include" value="name,age,sex,address,phone"/>

	</convert>
  </allow>
</dwr>

编写jsp页面


<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String contextPath = request.getContextPath();
%>
<!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=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript"
    src="../dwr/interface/Demo.js"> </script>
<script type="text/javascript"
    src="../dwr/engine.js"> </script>
    <script type="text/javascript"
    src="../dwr/util.js"> </script>
</head>
<body>
<script type="text/javascript">

    function send()
    {
        var list = new Array();
        list[0] = document.getElementById("text1").value;
        list[1] = document.getElementById("text2").value;
        list[2] = document.getElementById("text3").value;
        list[3] = document.getElementById("text4").value;
        list[4] = document.getElementById("text5").value;
        Demo.sayHello(list, callBack);
    }

    function callBack(backValue)
    {
        document.getElementById("result").innerHTML = backValue.name + " "
                + backValue.age + " " + backValue.sex + " " + backValue.address
                + " " + backValue.phone;
    }
</script>
<p>

  Name:<div><input id="text1" type="text"/></div>
  Age:<div><input id="text2" type="text"/></div>
  Sex:<div><input id="text3" type="text"/></div>
  Address:<div><input id="text4" type="text"/></div>
  Phone:<div><input id="text5" type="text"/></div>
  <input  value="Send" type="button" onclick="send()"/>
  <br/>
</p>
<div id="result"></div>
</body>
</html>