使用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" onclick="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("这个用户名还未被使用。");    }

}

你可能感兴趣的:(JavaScript,Ajax,Web,浏览器,DWR)