DWR+spring 传递对象，返回对象

最新推荐文章于 2026-01-07 19:29:09 发布

原创最新推荐文章于 2026-01-07 19:29:09 发布 · 655 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dwr #spring #javascript #string #encoding #service

本文介绍如何在Web应用中使用DWR框架与Spring框架进行整合，通过配置文件和代码实现双向数据绑定，展示如何创建服务接口、定义实体类，并通过DWR XML文件进行配置，最终实现在HTML页面上的交互操作。

web.xml

<?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-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>   <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:applicationContext.xml</param-value> </context-param>  <listener> <listener-class> org.springframework.web.context.ContextLoaderListener </listener-class> </listener> <welcome-file-list> <welcome-file>index.html</welcome-file> </welcome-file-list> </web-app>

applicationContext.xml

<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.0.xsd"> <bean id="service" class="com.xiaomaha.service.Service"></bean> </beans>

service.java 用于与dwr交互的类

package com.xiaomaha.service; import com.xiaomaha.model.Person; public class Service { public Person getPerson(){ Person person = new Person(); person.setUserName("xiaomaha"); person.setAge(26); person.setSex("男"); return person; } public void update(Person person){ System.out.println(person.getUserName()); System.out.println(person.getAge()); System.out.println(person.getSex()); } }

Person.java

package com.xiaomaha.model; public class Person { private String userName; private String sex; private int age; public int getAge() { return age; } public void setAge(int age) { this.age = age; } public String getSex() { return sex; } public void setSex(String sex) { this.sex = sex; } public String getUserName() { return userName; } public void setUserName(String userName) { this.userName = userName; } }

dwr.xml 放到WEB-INF下

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd"> <dwr> <allow> <create creator="spring" javascript="service"> <param name="beanName" value="service"></param> </create> <convert match="com.xiaomaha.model.Person" converter="bean" javascript="Person"></convert>  <convert match="com.xiaomaha.model.Book" converter="bean" javascript="Book"></convert> </allow> </dwr>

index.html document.getElementById('userName') 可以用 $('userName')代替

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>index.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <mce:script type='text/javascript' src="/Test/dwr/interface/service.js" mce_src="Test/dwr/interface/service.js"></mce:script> <mce:script type='text/javascript' src="/Test/dwr/engine.js" mce_src="Test/dwr/engine.js"></mce:script> <mce:script type='text/javascript' src="/Test/dwr/util.js" mce_src="Test/dwr/util.js"></mce:script>  </head> <mce:script type="text/javascript"></mce:script> <body> <form id="from1"> <input type="button" value="获取" onclick="getPerson();"> <input id="userName" type="text"> <input id="age" type="text"> <input id="sex" type="text"> <input type="button" value="修改提交" onclick="updatePerson();"> </form> </body> </html>