dwr 入门例子

来源:互联网 发布:网络活动地板 编辑:程序博客网 时间:2024/05/17 16:13

 

 第一步 下载dwr http://directwebremoting.org/dwr/index.html
 第二步 修改web.xml文件
        <servlet>
  <servlet-name>dwr-invoker</servlet-name>
  <servlet-class>
   org.directwebremoting.servlet.DwrServlet
  </servlet-class>
  <init-param>
   <param-name>debug</param-name>
   <param-value>true</param-value>
  </init-param>

 </servlet>
 <servlet-mapping>
  <servlet-name>dwr-invoker</servlet-name>
  <url-pattern>/dwr/*</url-pattern>
 </servlet-mapping
 
  第三步
   在WEB_INF 下面添加 dwr.xml文件
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd">
<dwr>
 <allow>
  <create creator="new" javascript="userService">
   <param name="class"
    value="com.launch.x431.web.action.website.register.UserSearch" />
  </create>
 </allow>
</dwr>

 第四步 class 文件
 
 package com.launch.x431.web.action.website.register;

import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;

import com.launch.x431.business.bizmanage.bizbean.BizManageFacade;


public class UserSearch {
 protected static Log log = LogFactory.getLog(UserSearch.class);

 private static BizManageFacade biz = BizManageFacade.getSysManageFacade();

 public boolean getUserByUserName(String userName) {
  boolean found = false;
  found = biz.isUserExists(userName);
  log.error("username " + userName + " found " + found);
  return found;
 }

}

第五步 编写jsp 文件

导入文件
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>

  <script type='text/javascript' src='dwr/util.js'></script>
  <script type='text/javascript' src='dwr/engine.js'></script>
  <script type='text/javascript' src='dwr/interface/userService.js'> </script>

<html>
  <head>
 
   
    <title>My JSP 'index.jsp' starting page</title>

  </head>
 function checkUser(){
    var userName=  document.getElementById("userName").value;
    userService.getUserByUserName(userName,callBackReturn);
   }
   function callBackReturn(data){
 
    if(data==false){
    document.getElementById("result").innerHTML ="user'name can use";
    }else{
   
 
    document.getElementById("result").innerHTML ="this name repeat";
    }
   }
 
    
<body>
  <input type="text"   name="userName"  id="userName" onblur="checkUser();"/>

  <div id="result"></div>
 </body>
</html>

原创粉丝点击