AJAX实践DWR篇
DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本DWR0.6添加许多特性如:支持Dom Trees的自动配置,支持Spring(JavaScript远程调用spring bean),更好浏览器支持,还支持一个可选的commons-logging日记操作.
以上摘自open-open，看了几天，确实是一个非常优秀的项目，它通过反射，将java翻译成javascript，然后利用回调机制，轻松实现了javascript调用Java代码。
其大概开发过程如下：
1.编写业务代码，该代码是和dwr无关的。
2.确认业务代码中哪些类、哪些方法是要由javascript直接访问的。
3.编写dwr组件，对步骤2的方法进行封装。
4.配置dwr组件到dwr.xml文件中，如果有必要，配置convert，进行java和javascript类型互转。
5.通过反射机制，dwr将步骤4的类转换成javascript代码，提供给前台页面调用。
5.编写网页，调用步骤5的javascript中的相关方法（间接调用服务器端的相关类的方法），执行业务逻辑，将执行结果利用回调函数返回。
6.在回调函数中，得到执行结果后，可以继续编写业务逻辑的相关javascript代码。
下面以用户注册的例子，来说明其使用。（注意，本次例子只是用于演示，说明DWR的使用，类设计并不是最优的）。
1.先介绍下相关的Java类
User: 用户类，
public class User {
//登陆ID，主键唯一
private String id;
//姓名
private String name;
//口令
private String password;
//电子邮件
private String email;
//以下包含getXXX和setXXX方法
.......
}
UserDAO：实现User的数据库访问，这里作为一个演示，编写测试代码
public class UserDAO {
//存放保存的数据
private static Map dataMap = new HashMap();
//持久用户
public boolean save(User user) {
if (dataMap.containsKey(user.getId()))
return false;
System.out.println("下面开始保存用户");
System.out.println("id："+user.getId());
System.out.println("password："+user.getPassword());
System.out.println("name："+user.getName());
System.out.println("email："+user.getEmail());
dataMap.put(user.getId(), user);
System.out.println("用户保存结束");
return
相关文档：
数据表words结构
CREATE TABLE `words` ( & ......
AJAX是WEB2.0的基石，现在网上流行几种开源的AJAX框架，比如：jQuery,Mootools,Dojo,Ext JS等等。
让我们来看看选择AJAX框架的基础：
◆你的项目需求（即你需要哪些特性，例如是否要求做出精美的界面、特效或其它功能）
◆是否支持A等级的浏览器（IE, Firefox等）?
◆文档的质量：是否完善（包含教程，API，代码示例等 ......
采用Ajax传递参数加号(+)和与符号(&)时候，服务端获取到的参数并不如意！
(1) "+"号：JavaScript解析为字符串连接符，所以服务器端接收数据时"+"会丢失。
(2)"&"：JavaScript解析为变量连接符，所以服务器端接收数据时&符号以后的数据都会丢失。
解决办法：在传到服务端之前先将参数中的"+"和"&"符号都� ......
//创建XMLHttpRequest对象，需要根据IE和浏览器类型创建不同的xhr对象
var xhrobj;
function check()
{
//获取文本框的值
var username = document.getElementById("username").value;
if(window.XMLHttpRequest)
{
//针对firefox，Mozilla，ie7，ie8等
xhrobj = new XMLHttpRequest();
/ ......
$(function(){
new AjaxUpload('file1', {
action: 'uploadpic.asp',
name: 'form1',
data:{act:'uploadfile',FormName:'form1'},
autoSubmit:false,
responseType:'json',
onSubmit:function(file,ext){
if (!(ext && /^(jpg|png|gif)$/i.test(ext))){
alert('请您上传 ......
