注：这个实例只提交简单的数据，如基本数据类型。
1、基本页面结构：
<body> 提交表单数据: <form name="dwrForm"> <p>用户名：<input type="text" name="userName"/></p> <p>密码：<input type="password" name="passWord"/></p> <p>年龄： <input type="text" name="age"/></p> <p>生日： <input type="text" name="birthday"/></p> <input type="button" value="提交" onclick="submitFormData();" /> </form> </body>
2、dwr配置：
<convert converter="bean" match="com.wjl.test.SUser" ></convert> <create creator="new" javascript="Service"> <param name="class" value="com.wjl.test.Services" /> <include method="getUser"/> </create>
3、调用js与后台进行交互：
function submitFormData(){
//1、获取表单数据
var formMap = dwr.util.getValues("dwrForm");
//alert(formMap);
alert("客户端读取到的表单项：\n用户名:"+formMap["userName"]+"\n密码:"+formMap["passWord"]+"\n年龄:"+formMap["age"]+"\n生日:"+formMap["birthday"]);
//2、传递到后台
Service.getUser(formMap,function(result){
alert("从服务端返回的数据：\n用户名:"+result.userName+"\n密码:"+result.passWord+"\n年龄:"+result.age+"\n生日:"+result.birthday);
});
}
4、后台数据处理：
user实体类：
public class SUser {
private String userName;
private String passWord;
private int age;
private String birthday;
//getter、setter方法
}
services类：
import java.util.Map;
import com.sun.org.apache.commons.beanutils.BeanUtils;
public class Services {
public SUser getUser(Map formMap){
SUser user = new SUser();
try{
BeanUtils.populate(user, formMap);
}catch(Exception e){
e.printStackTrace();
}
System.out.println("==============客户端传来的信息==============");
System.out.println("FormBean.username:"+user.getUserName());
System.out.println("FormBean.password:"+user.getPassWord());
System.out.println("FormBean.age:"+user.getAge());
System.out.println("FormBean.birthday:"+user.getBirthday());
System.out.println("=========================================");
return user;
}
}
PS：为什么只是简单的 数据类型，因为复杂的数据会报错。
如最开始的设想，将birthday属性设置为Date类型，提交数据也严格遵守时间格式，结果报错：
java.lang.IllegalArgumentException: argument type mismatch
相关推荐
NULL 博文链接：https://fireinjava.iteye.com/blog/458257
使用myeclipse和tomcat工具，DWR实现的简单用户登录小实例，没有访问数据库，只有把表单数据提交到后台验证下返回。
3. 开班一个半月内，贯穿 JavaSE及数据库的学习将完成 T-DMS 数据 采集系统项目 • 整个系统由 DMS 采集端、DMS 服务器端和 NetCTOSS 服务器端三部分组成。 • DMS 采集端的主要任务是采集、解析、匹配和保存并发送...
碰到使用ajax获得数据，或者提交数据出现乱码 A.8. TabPanel使用autoLoad加载的页面中的js脚本没有执行 A.9. 有关grid的一些小问题 A.9.1. 如何让grid总所有的列都支持排序 A.9.2. 修改一个grid的ColumnModel和...
12.1.3 Ext.Ajax.request提交XML数据 12.2 Ext.Updater基础 12.2.1 Ext.Updater.update方法 12.2.2 Ext.Updater.update操作示例 12.3 利用Ajax优化Web应用框架 12.3.1 多级联动菜单 12.3.2 Ajax修改用户密码 ...
12.1.3 Ext.Ajax.request提交XML数据 12.2 Ext.Updater基础 12.2.1 Ext.Updater.update方法 12.2.2 Ext.Updater.update操作示例 12.3 利用Ajax优化Web应用框架 12.3.1 多级联动菜单 12.3.2 Ajax修改用户密码 ...
14.2.1 绑定表单数据 14.2.2 渲染被存储在外部的文本 14.2.3 显示错误 14.3 使用Tile设计页面布局 14.3.1 Tile视图 14.3.2 Tile控制器 14.4 使用JSP的替代技术 14.4.1 使用Velocity模板 14.4.2 使用...
14.2.1 绑定表单数据 14.2.2 渲染被存储在外部的文本 14.2.3 显示错误 14.3 使用Tile设计页面布局 14.3.1 Tile视图 14.3.2 Tile控制器 14.4 使用JSP的替代技术 14.4.1 使用Velocity模板 14.4.2 使用...
14.2.1绑定表单数据 14.2.2渲染被存储在外部的文本 14.2.3显示错误 14.3使用tile设计页面布局 14.3.1tile视图 14.3.2tile控制器 14.4使用jsp的替代技术 14.4.1使用velocity模板 14.4.2使用freemarker 14.5...
12.6 为表单添加提交事件............................. 332 12.7 清空表单信息........................................ 335 12.8 删除指定的学生信息............................. 336 12.9 在Grid和Form之间...
碰到使用ajax获得数据，或者提交数据出现乱码 A.8. TabPanel使用autoLoad加载的页面中的js脚本没有执行 B. 修改日志 C. 后记 C.1. 2007年12月5日，迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合...
碰到使用ajax获得数据，或者提交数据出现乱码 A.8. TabPanel使用autoLoad加载的页面中的js脚本没有执行 B. 修改日志 C. 后记 C.1. 2007年12月5日，迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的...