1.添加dwr.jar文件;
2.在web.xml中配置DWRServlet
<!-- DWRServlet -->
<servlet>
<servlet-name>dwrServlet</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<!-- debug模式 -->
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwrServlet</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
3.在WEB-INF添加dwr的配置文件dwr.xml
<allow>
<!-- creator="创建器"(new:UserDaoImpl dao = new UserDaoImpl()),javascript="生产的javascript名称" -->
<create creator="new" javascript="JUser">
<param name="class" value="com.xasxt.dao.impl.UserDaoImpl"></param>
<include method="checkUserName"/>
</create>
</allow>
4.测试:http://ip地址:端口/项目名/dwr/
5.编写页面,并在页面中调用后台方法
<script type='text/javascript' src='/dwrDemo/dwr/engine.js'></script>
<script type='text/javascript' src='/dwrDemo/dwr/interface/JUser.js'></script>
<script type='text/javascript' src='/dwrDemo/dwr/util.js'></script>
<script type="text/javascript">
function checkUser(){
//var uname = document.getElementById("uname").value;
//var uname = $("uname").value;
var uname= dwr.util.getValue("uname");
JUser.checkUserName(uname,callBack);//最后一个参数为回调函数的名称
}
function callBack(data){//data 为checkUserName方法中的返回值
if(data){
$("result").innerHTML="<font color=red>用户名已存在!</font>";
}else{
$("result").innerHTML="<font color=green>用户名可用!</font>";
}
}
</script>