dwr 配置詳解

首先:

1.jar包:dwr.jar 

放到WEB-INF/lib裏面

2.web.xml 配置

<!-- dwr -->
 <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>


3.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="Hello" scope="page">
    <param name="class" value="com.Hello" />
   </create>
  </allow>
 </dwr> 


4.Hello.java  方法

package com;


public class Hello {


public String hello(String name) {       
        return  name+":DWR配置成功!";  
     }

public boolean checknum(int num){
boolean flag = false;
if(num >= 18){
flag = true;
}
if(num < 18){
flag = false;
}
return flag;
}
}


5.demo.html 頁面

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>demo.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
<script type="text/javascript" src="dwr/engine.js"></script> 
<script type="text/javascript" src="dwr/util.js"></script>
<script type="text/javascript" src="dwr/interface/Hello.js"></script>


<script type="text/javascript"> 
function callbackname(str){
alert(str);
}
function callbacknum(str){
if(str){
alert("已成年!");
}else{
alert("未成年!");
}
}
function testname() {
var name = document.getElementById("name").value;
Hello.hello(name,callbackname);
}
function testnum() {
var age = document.getElementById("age").value;
Hello.checknum(age,callbacknum);
}
</script>

  </head>
  
  <body>
  <input id="name" type="text" οnblur="testname()"/>
  <input id="age" type="text" οnblur="testnum()"/>
  </body>
</html>


發佈了4 篇原創文章 · 獲贊 7 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章