DWR3.0框架入门（1） —— 实现ajax
来源：互联网 发布：excel时间自动刷新数据 编辑：程序博客网 时间：2024/06/06 01:23
框架简介：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使用能力：
[java] view plaincopy
- <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：
[java] view plaincopy
- package sugar.dwr;
- public class MessagePush {
- public void send(String str){
- System. out.println(str);
- }
- }
5.与web.xml同级目录下创建dwr.xml，用来配置js函数与java代码的映射关系：
[html] view plaincopy
- <?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，请自行添加）：
[java] view plaincopy
- <%@ 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中配置的类名。
测试结果：
0 0
- DWR3.0框架入门（1） —— 实现ajax
- DWR3.0框架入门（1） —— 实现ajax
- DWR3.0框架入门（1） —— 实现ajax
- DWR3.0框架入门（1） —— 实现ajax
- DWR3.0框架入门（1） —— 实现ajax
- DWR3.0框架入门 —— DWR的服务器推送
- DWR3.0框架入门 —— java页面推送
- （转）DWR3.0框架入门（2） —— DWR的服务器推送
- （转）DWR3.0框架入门（3） —— ScriptSession的维护及优化
- DWR3.0框架入门（2） —— DWR的服务器推送
- DWR3.0框架入门（3） —— ScriptSession的维护及优化
- DWR3.0框架入门（3） —— ScriptSession的维护及优化
- DWR3.0框架入门（3） —— ScriptSession的维护及优化
- DWR3.0框架入门（2） —— DWR的服务器推送
- DWR3.0框架入门（2） —— DWR的服务器推送
- DWR3.0框架入门（3） —— ScriptSession的维护及优化
- DWR3.0框架入门（2） —— DWR的服务器推送
- DWR3.0框架入门（3） —— ScriptSession的维护及优化
- php pdo 简单使用 （一）
- 1002. 写出这个数
- python(第四天):函数注解
- commons dbcp
- NSLog效率低下的原因
- DWR3.0框架入门（1） —— 实现ajax
- 华为USG2230E sslvpn
- Jetty与tomcat的比较
- 系统入门（3）： Android中的Parcel是什么
- jQuery ajax - ajax() 方法
- 分布式系统（四）---Web Service实战--CXF实践篇
- 代码实现退出应用
- 1003. 我要通过
- DWR3.0框架入门（2） —— DWR的服务器推送
