ajax 之 dwr配置实例

最新推荐文章于 2021-08-06 11:16:54 发布

最新推荐文章于 2021-08-06 11:16:54 发布 · 109 阅读

文章标签：

#DWR #Ajax #Bean #JavaScript #CSS #ViewUI

本文介绍了一种使用Direct Web Remoting (DWR) 和 Ajax进行前后端交互的技术实践。通过配置dwr.xml文件，实现Java对象与JavaScript之间的无缝转换，并展示了具体的调用示例和处理类、实体类代码。

dwr.xml

<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd"> <dwr> <allow>  <create creator = "new" javascript = "ListName"> <param name="class" value= "developerworks.ajax.dao.ListName" />  </create> <convert converter="bean" match="developerworks.ajax.bean.User"> <param name="include" value="name,age" /> </convert> </allow> </dwr>

test.js

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>developerWorks - Ajax with DWR</title> <link rel="stylesheet" type="text/css" href="style.css" mce_href="style.css" media="screen"/> <mce:script type='text/javascript' src="dwr/interface/ListName.js" mce_src="dwr/interface/ListName.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="test.js" mce_src="test.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <h1>Ajax DWR</h1> <form id="searchform" name="searchform"> <br/> <select id="selectA" onchange="getvalue(this)"> <option>无参无返回值</option> <option>有简单返回值</option> <option>有简单参数</option> <option>返回javabean</option> <option>返回List</option> <option>有参并返回List</option> <option>返回Map</option> </select> <input type="text" id="hd" name="hd" /><br/> <input type="button" id="searchbox" value="提交" onclick="calllist()" /> </form> </html>

处理类ListName.java

package developerworks.ajax.dao; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import developerworks.ajax.bean.User; public class ListName { public ListName() { super(); } public String findStr(){ return "��»�"; } public String findCity(){ return "Beijing"; } public User findUser(){ User user=new User("刘德华",50); return user; } //返回List public List findList(){ ArrayList list=new ArrayList(); User user1=new User("刘德华",50); User user2=new User("张学友",40); User user3=new User("成龙",80); list.add(user1); list.add(user2); list.add(user3); /*list.add("y1"); list.add("y2"); list.add("y3");*/ return list; } //有参数并返回List public List strfindList(String test){ System.out.println(test); ArrayList list=new ArrayList(); User user1=new User("刘德华",50); User user2=new User("张学友",40); User user3=new User("成龙",80); list.add(test); list.add(user1); list.add(user2); list.add(user3); return list; } //有参数并返回List public Map strfindMap(){ Map map=new HashMap(); User user1=new User("刘德华",50); User user2=new User("张学友",40); User user3=new User("成龙",80); map.put("user1", user1); map.put("user2", user2); map.put("user3", user3); return map; } public String findByname(String name){ System.out.println(name); return name+"helloworld"; } }

实体类 User.java

package developerworks.ajax.bean; public class User { private String name; private int age; public String getName() { return name; } public void setName(String name) { this.name = name; } public int getAge() { return age; } public void setAge(int age) { this.age = age; } public User(String name, int age) { super(); this.name = name; this.age = age; } }