`
zht1933
  • 浏览: 224254 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

DWR——Js 学习笔记

    博客分类:
  • AJAX
阅读更多

一、DWR 普通项目中的配置:

1、将dwr.jar拷贝到项目lib文件夹中

2、在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>

             <!--

             test为页面中js所要用到的实例名;

             newdwr配置的固定格式,表示类的创建方式为new

             value中配置java类的地址

             -->

             <create javascript="test" creator="new">

                   <param name="class" value="com.zht.Test"></param>

             </create>

 

             <!--

             类型转换器中match配置要转换的java类的地址;

             beandwr配置的固定格式,表示以javabean的方式转换;

             -->

             <convert match="java.lang.Exception" converter="bean">

             <!--

             includedwr配置的固定格式,表示所要包含的属性;

             value中配置要包含的属性名;

             -->

                    <param name='include' value='message,lineNumber' />

             </convert>

 

             <!--

             exceptiondwr配置的异常固定格式;

             match中配置异常类的地址;

             -->

<convert converter="exception" match="java.lang.Throwable"></convert>

         </allow>

</dwr>

3、修改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>false</param-value>

       </init-param>    

</servlet>

    <servlet-mapping>

       <servlet-name>dwr-invoker</servlet-name>

       <url-pattern>/dwr/*</url-pattern>

    </servlet-mapping>

 

二、SpringDWR的集成配置

修改dwr.xml文件如下:

<!—

springdwr配置的异常固定格式;

beanNamedwr配置的异常固定格式;

value中配置要引用springbeanid

javascript中配置页面js中要使用的实例名,该名一般与value中配置的名称相同;

-->

<create javascript="SpringDwrTest" creator="spring">

<param name="beanName" value=" SpringDwrTest "></param>

</create>

 

三、JSP页面中的配置

// testdwr.xml文件中配置的实例名

<script type="text/javascript" src="dwr/interface/test.js"></script>

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

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

 

四、JS中对DWR的使用方法

test.getMenth(参数1,参数2,···,参数N,回调函数);

//testdwr中配置的实例名;

//参数是与java方法中参数对应的值;

//回调函数是接收java返回值的函数,当java方法无返回值时不必写该回调函数

示例:

test.getMenth(“test1”,callBack);

function callback(data){}

//datajava方法返回的数据值;该值可以为字符串、数组、集合等;

 

五、JS中函数的书写方法

1function test(){}

2var test = function(){}

 

六、JSMAP对象的读取

1、不知道key的情况下:

Forvar data in Map{

         //dataMap中的keyMap[data]是取key所对应的值;

         Alertdata  +”···”+ Map[data]);

}

 

2、已知key的情况下:

//key1为已知的key名;

AlertMap.key1;

 

七、JS中对象的创建

1、使用函数的方法创建对象;

Function Object(参数1,参数2{

         This.属性1 = 参数1

This.属性2 = 参数2

}

Var obj = new Object(参数1,参数2);

 

2、直接创建对象;

Var obj = {

         属性1 = 参数1

属性2 = 参数2

}

 

八、DWR同步与异步的设置

1DWR默认为异步执行

2dwr.engine.Async(false);            //设置DWR为同步执行

 

九、以标签本身作为对象在JS中使用;设置标签中自定义属性;

<input userID=”123” PWD=”123” onClick=”test(this)”>

<!—

         userIDPWD为自定义属性;

         this为将标签本身作为对象传递到函数方法中;

-->

<script type="text/javascript">

Function test(Obj){

  Var u = Obj.userID;

  Var p = Obj.PWD;

}

</script>

 

十、jsp页面标签中nameid的区别及使用

Name:可通过请求提交到后台进行处理,且值可以重复;

IDjsp页面中使用的唯一操作标志,且值不可以重复;

 

DWR JS中对标签的获取(通过标签ID

1、  document.getElementByID(“标签ID”)

2、  byId(“标签ID”)

3、  $(“标签ID”)

4、  dwr.util.getValue(“标签ID”)

//设置标签的值

5、  dwr.util.setValue(“标签ID”,””)

 

EL表达式与$(“标签ID”)区别

EL表达式:   ${  }                           使用的是大括号‘{}

DWR:                 $(“标签ID”)             使用的是小括号‘()’

 

分享到:
评论

相关推荐

    J2EE——Ajax——dwr——配置文件

    &lt;script type="text/javascript" src="/dwr/interface/YourClass.js"&gt; &lt;script type="text/javascript" src="/dwr/engine.js"&gt; &lt;script type="text/javascript" src="/dwr/util.js"&gt; ``` 这样,JavaScript就可以调用...

    DWR 2.0M3 学习笔记

    此外,还需要在服务器端创建`dwr-engine.js`和`dwr-utils.js`等JavaScript文件,以便在客户端使用DWR功能。 3. **使用DWR接口**:DWR提供了两种主要的接口——`Call`和`Batch`。`Call`接口用于单个方法调用,而`...

    DWR util.js 学习笔记 整理

    DWR util.js 学习笔记整理 DWR util.js 是一个功能强大的 JavaScript 库,它提供了许多有用的函数,可以帮助开发者在客户端页面上实现各种操作。下面是对 DWR util.js 的学习笔记整理。 1. $() 函数 DWRUtil 中的...

    dwr3框架学习笔记–第一个dwr3程序sayhello项目

    dwr3框架学习笔记–第一个dwr3程序sayhello 博文:http://blog.csdn.net/yuchen837295036/article/details/52682417

    dwr 例子,jar包,engine.js util.js 学习笔记

    这个压缩包包含的是DWR的实例、相关的jar包以及两个重要的JavaScript文件——`engine.js`和`util.js`,这些都是学习DWR的关键组件。 1. **DWR基础概念**: DWR的核心功能是提供一种方式,使得客户端JavaScript可以...

    DWR util.js学习笔记.doc

    DWR util.js 学习笔记 DWR util.js 是一个JavaScript工具库,提供了一些有用的函数,用于在客户端页面调用。下面是DWR util.js中的主要功能: 1. $()函数:获取页面参数值 该函数用于获取页面参数值,例如:var ...

    DWR实战学习笔记.txt

    技术分享:DWR实战学习笔记

    dwr3 学习笔记<一>

    《DWR3学习笔记&lt;一&gt;——深入了解Direct Web Remoting技术》 Direct Web Remoting (DWR) 是一个开源的Java库,它允许JavaScript在Web浏览器中与服务器端的Java对象进行交互,实现异步更新页面,从而提高Web应用的...

    DWR 教程 中文API DWR.xml配置文件说明 DWR学习笔记

    首先,"DWR学习笔记"提供了对DWR基础概念、核心功能以及实际应用的概述。这些笔记可能包含了DWR的基本架构,如它如何通过AJAX技术实现实时的Web交互,以及如何创建和调用服务器端的Java方法。 "DWR中文API"是DWR库...

    Ajax学习——DWR的参考书和实用案例学习总结

    **Ajax学习——DWR的参考书和实用案例学习总结** DWR(Direct Web Remoting)是一种优秀的开源框架,专门用于简化Web应用程序中的Ajax(Asynchronous JavaScript and XML)开发。Ajax技术允许网页在不刷新整个页面...

    dwr学习笔记和总结

    ### dwr学习笔记和总结 #### 一、DWR简介 DWR (Direct Web Remoting) 是一个简化Ajax开发的框架,它使得JavaScript能够直接调用服务器端的Java方法成为可能,无需编写复杂的Ajax代码。这极大地提高了开发效率,并...

    springboot整合dwr实现js调用java方法

    SpringBoot整合Direct Web Remoting (DWR)是一个常见的技术实践,它允许JavaScript在浏览器端直接调用服务器端的Java方法,极大地增强了Web应用的交互性。在这个过程中,我们通常会结合使用FreeMarker或JSP作为视...

    dwr的一般使用学习笔记

    在JavaScript端,首先需要引入由DWR自动生成的接口文件(如TestClass.js)和DWR核心库(engine.js和util.js)。然后,你可以直接调用JavaScript对象的方法,如`testClass.testMethod1()`。 2. 调用有简单返回值的...

    DWR学习笔记及经验总结

    通过阅读这份“DWR学习笔记及经验总结”,开发者可以深入理解DWR的工作原理,掌握其实现动态Web交互的方法,并在实际项目中灵活运用,提升Web应用的用户体验。同时,这份资料可能还包含了作者在使用DWR过程中的技巧...

    dwr学习笔记pdf文件

    ### dwr学习笔记pdf文件知识点概述 #### 一、DWR框架简介 - **DWR**(Direct Web Remoting)是由GetAhead公司开发的一款用于实现Ajax应用的框架。该框架的核心价值在于允许客户端JavaScript直接调用服务器端Java类...

    DWR学习笔记-HelloWorld篇

    【标题】:“DWR学习笔记-HelloWorld篇” 在IT领域,DWR(Direct Web Remoting)是一个开源的Java框架,它允许JavaScript在浏览器端直接调用服务器端的Java方法,实现了网页与服务器的实时交互,类似于Ajax技术,但...

    DWR学习笔记

    ### DWR学习笔记 #### 一、DWR简介 DWR(Direct Web Remoting)是一种开源框架,专门设计用于简化Web页面与Java类之间的交互。它通过提供一种新的方法来实现Ajax技术,使得浏览器中的JavaScript代码能够如同在本地...

    DWR学习资料

    DWR学习资料 :DWR 3.0 上传文件.txt DWR3.0反向Ajax示例.txt DWR3.0学习笔记.txt DWR3.0学习网址.txt dwr分页.doc DWR分页代码.doc DWR中文文档.doc DWR中文文档.pdf dwr做comet的完整实现.doc Spring整合DWR comet ...

Global site tag (gtag.js) - Google Analytics