使用DWR实现AJAX技术1——初步实现

DWR是一个开源的类库，可以很方便的实现浏览器里的代码调用WEB服务器上的JAVA函数，操作JAVA对象或者集合。

首先需要下载dwr.jar放到WEB-INF\lib下，然后在WEB-INF创建一个名为dwr.xml的文件用于配置管理浏览器里需要调用JAVA函数。

实现一个检查用户名是否存在的程序：

1.创建一个user对象

public class User {

private String username;

private String password;

pubile void getUsername(){

return username;

}

......

}

2.创建一个javaBean对象,含有检查用户名是否存在的方法

public class Blbean {

......

/**

* 检查用户名是否已被使用

* ......

*/

public int isUse(String username){ ...... }

......

}

3.然后将他们配置在dwr.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="Blbean"> <!-- 对象Blbean的实例化方式,这里实用的new -->

<param name="class" value="bean.Blbean"/> <!-- 对象的位置 -->

<include method="isUse"/> <!-- 浏览器里需要调用到的函数 -->

</create>

</allow>

</dwr>

4.JSP下首先应当引入以下文件

<script src='dwr/interface/Blbean.js'></script>

<script src='dwr/engine.js'></script>

<script src='dwr/util.js'></script>

5.html代码

<form name="form1">

uesrname:<input type="text" name="username">

<br> password:<input type="text" name="password">

<br> <input type="button" value="检查用户名" width="75" height="24" οnclick="isUse()" border="0" />

...... </form>

6.这是调用检查用户名是否已被使用的javascript代码

function isUse(){

var username = form1.username.value;

Blbean.isUse(username,callbackIsUser);

//方法的最后一个参数为获取返回值的javascript函数

}

//callbackIsUser用于获取函数返回值

function callbackIsUser(msg) {

if(msg==0){ alert("用户名已被人使用了。");

}else if(msg==-1){ alert("请输入用户名。");

}else{ alert("这个用户名还未被使用。"); }

}