DWR3.0框架入门（1） —— 实现ajax

框架简介：DWR（Direct Web Remoting）

是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数，就像它就在浏览器里一样。

本Demo实现的基本功能：

点击jsp界面的按钮，通过DWR调用到服务器端的java代码，在控制台打印出jsp输入框中的值

Demo构建流程：

1.新建Web工程

2.导入jar包：commons-logging-x.x.x.jar和dwr3.0.jar

3.在web.xml中加入DWR使用能力：

?


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

<servlet> 

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

        <servlet-class> uk.ltd.getahead.dwr.DWRServlet</servlet-class >

        <init-param> 

            <param-name> debug</param-name >

            <param-value> true</param-value >

        </init-param>

        <init-param>

            <param-name> crossDomainSessionSecurity</param-name >

            <param-value> false</param-value >

        </init-param>

        <init-param>

            <param-name> allowScriptTagRemoting</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>

4.在src中新建类MessagePush：

?


1

2

3

4

5

6

7

8

package sugar.dwr;

public class MessagePush {

        public void send(String str){

              System. out.println(str);

       }

}

5.与web.xml同级目录下创建dwr.xml，用来配置js函数与java代码的映射关系：

?


1

2

3

4

5

6

7

8

9

<?xml version="1.0" encoding= "UTF-8"?>

<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd" >

<dwr> 

        <allow> 

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

                      <param name="class" >sugar.dwr.MessagePush</ param>

               </create>

        </allow> 

</dwr>

6.在index.jsp中写入js逻辑（该处使用到jquery，请自行添加）：

?


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<%@ page language= "java" import ="java.util.*" pageEncoding="UTF-8" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head >

    <title >DWR</ title>

    <script type= "text/javascript" src ="js/jquery-1.8.3.js"></ script>

    <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/messagePush.js" ></script>

  </head >

  <body >

        <table border="0" >

               <tr>

                      <td>< input id ="content" type="text" /></td>

                      <td>< input id ="send" type="button" value= "send"/></td >

               </tr>

        </table>

        <script type="text/javascript" >

              $( "#send").click(function(){

                      var content = $("#content" ).val();

                     messagePush.send(content);

              });

        </script>

  </body >

</html>

说明：jsp文件中必须引入几个js,它们都是隐含存在的，不用考虑它们在哪儿。其中engine.js和util.js是固定的。另外的一个js的名称就是dwr.xml中配置的类名。

测试结果：

时间： 2024-10-23 21:08:30

DWR3.0框架入门（1） —— 实现ajax的相关文章

DWR3.0框架入门（3） —— ScriptSession的维护及优化

1.ScriptSession使用中存在的问题 在上一节实现了服务器的推送功能,但是根据 ScriptSession的生命周期我们可以得出以下几点的问题: (1)ScriptSession不会与HttpSession同时创建 当我们访问一个页面的时候,如果是第一次访问,就会创建一个新的HttpSession,之后再访问的时候,就会保持当前的Session,即使是刷新,也能保持当前的HttpSession. 但是,ScriptSession不同,第一次访问,会创建一个ScriptSession,但

Asp.Net MVC4.0 从入门到精通与项目实战 (Petapoco框架、二维码自定义、Bootstrap视图)视频教程

Asp.Net MVC4.0 从入门到精通与项目实战 (Petapoco框架.二维码自定义.Bootstrap视图)视频教程下载    联系QQ:1026270010 Asp.Net MVC 简介      MVC模式是“Model-View-Controller”的缩写,中文翻译为“模式-视图-控制器”.MVC模式是于20世纪70年代在smaltalk80的GUI设计中被提出的.它包括3个部分:模型(Model).视图(View)和控制器(Controller).MVC模式至今已被广泛使用,A

Extjs视频教程_Extjs5.0从入门到实战开发信息管理系统

Extjs5.0从入门到实战开发信息管理系统(Extjs基础.Extjs5新特性.Spring.Spring mvc.Mybatis)适合人群:初级课时数量:40课时用到技术:Extjs基础,Extjs5新特性,sencha cmd,spring,spring mvc, mybatis涉及项目:信息管理系统核心框架(mvvm+mvc架构)咨询qq:1840215592课程内容简介:1.课程研发环境开发工具:eclipse,sencha cmd:数据库工具:mysql5,mysql workben

Extjs5.0从入门到实战开发信息管理系统（Extjs基础、Extjs5新特性、Spring、Spring mvc、Mybatis）视频教程

Extjs5.0从入门到实战开发信息管理系统(Extjs基础.Extjs5新特性.Spring.Spring mvc.Mybatis)视频教程下载   联系QQ:1026270010 Extjs作为一款优秀的JS前端开发框架以其良好的架构.丰富的UI组件库.完善的文档和社区支持等诸多优点拥有广泛的市场应用空间,开发人员无需过多的关注HTML.CSS甚至各种常用JS算法,只需把精力放在业务逻辑上,利用各种组件的相互组合调用便可轻松而高效的开发出系统的前端页面. Extjs5在之前版本的基础上又推出

Shiro权限控制框架入门1：Shiro的认证流程以及基本概念介绍

前言:我在最开始学习Shiro这个框架时,在网上搜索到的一个介绍比较全面的教程是:<跟我学Shiro>系列教程.但是在我看了他写的前几篇文章后,我发现虽然他在这个系列教程中把shiro的一些特性介绍地非常全面详细,但是整个教程的叙述方式还是有很大缺陷的.文章与文章之间并没有很好地串联起来,每篇文章介绍的东西都过于分散了,如果是对shiro完全不了解的新手来看的话完全是一场噩梦.就像一个网友评价的这样: 看了看这个教程,看完之后都想放弃shiro了,完全看不懂,后来百度了很多别的资料才理解了sh

Dwz(J-UI)框架--入门

http://www.cnblogs.com/chenyongsai/p/4933982.html Dwz(J-UI)框架--入门 一.了解 概述:是中国人自己开发的基于jQuery实现的Ajax RIA开源框架. 目的:简单实用.扩展方便(在原有架构基础上扩展方便).快速开发.RIA思路.轻量级 使用:用html扩展的方式来代替javascript代码 思路:根据官网页面样例,查看官方代码包,查阅相关子页面,参阅帮助文档,添加固定的标签属性语法 优势:第一次打开页面时载入界面到客户端, 之后和

EJB3.0快速入门

1.首先介绍运行环境及相关的配置: EJB的运行环境: JAVAEE应用服务器包含Web容器和EJB容器,EJB3.0应用需要运行在EJB容器里. Tomcat目前只是Web容器,它不能运行EJB应用. Jboss作为最常用EJB容器,其自身所带Web服务器部分就是直接使用Tomcat(Jboss的默认端口也为:8080). 相关配置: 1.配置classpath:%JDK安装目录%/lib/dt.jar和tools.jar 2.JDK版本需要1.5以上. 3.为Jboss设置Jboss_HOM

饥荒MOD lua编程0基础入门

前言 原贴写于饥荒游戏贴吧,为了使文章针对性更强,将原文切割并精简.此贴主要为编程0基础的modder讲解一些编程的基础知识.至于说有关饥荒框架的介绍,则会放在另一篇文章里讲解. 编程0基础的人,要想学习制作MOD,难度是比较大的,因为缺乏一些基本的编程概念,只懂得复制别人的代码或者在它们的基础上稍加改变,遇到稍微复杂一点的代码,就束手无策了.对于MOD崩溃或错误,也几乎没办法自行处理.但我也不推荐先去学一门编程语言之后再来学习MOD代码,这是没有必要的.事实上饥荒MOD里用到的基本编程知识都比

yii2.0框架安装心得

yii2.0安装心得 能够搜索到这篇文章的朋友相信是对yii框架有兴趣的,但是我不得不吐槽的是,这个安装过程确实让人头疼,接下来就让大家见证一下这个纠结的过程 根据官网的说法,安装这个框架需要用到composer,没有办法拉,先去大概的了解一下这个composer吧 什么是composer 根据composer的官网,它是这样解释的:composer是php用来管理依赖关系的工具,搞的这么复杂,直接说就是一个比较智能的下载工具不就好了.比如说我的项目是依赖yii框架的,而yii是依赖于其他东西的