DWR系统学习笔记一

ttitfly

浏览: 620265 次
性别:
来自: 杭州

最近访客更多访客>>

xubbsun

xuwenyan

u011158808

zws

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

ajax/js

DWR Java JavaScript JSP Tomcat

1.官方网站下载:http://getahead.org/dwr/download
2.dwr.jar拷贝到lib目录下
3.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>
      <!--开发阶段把debug设置为true,可以http://localhost:8080/dwrtest/dwr进行详细查看-->
    </init-param>
    <init-param>
      <param-name>activeReverseAjaxEnabled</param-name>
      <param-value>true</param-value>
    </init-param>
    <init-param>
      <param-name>initApplicationScopeCreatorsAtStartup</param-name>
      <param-value>true</param-value>
    </init-param>
    <init-param>
      <param-name>maxWaitAfterWrite</param-name>
      <param-value>100</param-value>
    </init-param>
    <init-param>   
            <param-name>crossDomainSessionSecurity</param-name>   
            <param-value>false</param-value>   
    </init-param>

    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
	    <servlet-name>dwr-invoker</servlet-name>
	    <url-pattern>/dwr/*</url-pattern>
  </servlet-mapping>

4.在WEB-INF下建立dwr.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">

<dwr>

  <allow>
    <create creator="new" javascript="service">
      <param name="class" value="helloworld.Service"/>
      <include method="sayHello"/>
    </create>
  </allow>

</dwr>

注:<create>标签里的属性javascript的值有2个意思。
一：把相应的类生成一个js文件，那么该js文件的名字。
二：前台调用该类的某个方法时的引用名字。

5.Service.java

package helloworld;

public class Service {

	public String sayHello(String yourname){
		return "hello :" + yourname;
	}
}

6.和WEB-INF位于同一目录下的helloworld.jsp:

<%@ page language="java" pageEncoding="UTF-8"%> 
<html> 
<head>
	 <title>
		 My JSP 'first_dwr.jsp' starting page
	 </title> 
	 <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/service.js'> </script> 
	 <script type="text/javascript"> 
	 	
	 	function show(){
	 		var str = $("text").value;
	 		service.sayHello(str,callBack);//not callBack();
	 	}
	 	function callBack(data)//not (var data)
	 	{
	 		dwr.util.setValue("showName",data,{escapeHtml:true});
	 	}
	 </script> 
  
 </head>
 
 <body>
 
  <input type="text" id="text" ><input type="button" onclick="show()" value="submit">
  <div id="showName"></div>
 
 </body> 
 
 </html>

注：
1.util.js和engine.js都不需要从下载的dwr的源文件包里拷贝过来。
2.service.js文件是动态生成的。该js文件的名字由dwr.xml里的<create>标签的属性javascript的值决定
3.如果把util.js和engine.js拷贝到工程里并且引用目录变为：
<script type='text/javascript' src='scripts/util.js'></script>
<script type='text/javascript' src='scripts/engine.js'></script>
那么dwr.util.setValue("showName",data,{escapeHtml:true});这些函数用不了。
4.

                function show()
                {
	 		var str = $("text").value;
	 		service.sayHello(str,callBack);//not callBack();
	 	}

回调函数直接写名字，不用带参数。
service.sayHello,为什么是service，而不是其它？因为：由dwr.xml里的<create>标签的属性javascript的值决定

	 	function callBack(data)//not (var data)
	 	{
	 		dwr.util.setValue("showName",data,{escapeHtml:true});
	 	}

function callBack(var data) 加var类型就不对了。
{escapeHtml:true}的意思是对html标签进行过滤，也就是html内容原样输出。<html>输出为<html>，<>输出为<>
{escapeHtml:false}的意思是对html标签不进行过滤，也就是html内容不输出。<html>不输出，<>输出为<>，因为<>不为html标签

5. <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/service.js'> </script>
/dwr/util.js 以/开头代表服务器的web应用目录(对tomcat而言，就是${tomcat_home}/webapp)，对本例而言，应该改为;/dwrtest/dwr/util.js
dwr/util.js 不以/开头的代表当前文件的目录，对本例而言，就是helloworld.jsp所在目录

分享到：

mysql主辅库同步 | c语言笔记

2008-03-07 17:14
浏览 2537
评论(1)
查看更多

1 楼 elvishehai 2009-03-07

唉！· 没有什么意思啊，每次都是发一些很简单的demo。连我也是啊，

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论