加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Dwr入门教程

发布时间:2020-12-15 21:41:11 所属栏目:百科 来源:网络整理
导读:一简介: 1.DWR(Direct WebRemoting)是一个Ajax的开源框架,用于改善web页面与Java类交互的远程服务器端的交互体验,该文档简单介绍了dwr的使用入门,并提供了demo以便开发人员学习应用。 2.需要使用的文件: dwr.jar,commons-logging.jar(dwr依赖于comm

一简介:

1.DWR(Direct WebRemoting)是一个Ajax的开源框架,用于改善web页面与Java类交互的远程服务器端的交互体验,该文档简单介绍了dwr的使用入门,并提供了demo以便开发人员学习应用。

2.需要使用的文件:

dwr.jar,commons-logging.jar(dwr依赖于commons-logging.jar,放在项目的lib下)

dwr.xml(放在WEB-INF下)

3.项目结构如下:



二详细配置:

1.设置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>

</init-param>

</servlet>

<servlet-mapping>

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

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

</servlet-mapping>


2.创建一个供JS调用的类

public class DwrTest(){

public String sayHello(String name){

return "Hello:" + name ;

}

}


3.配置dwr.xml文件

<dwr>

<allow>

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

<param name="class" value="com.dwr.test.DwrTest"></param>

</create>

</allow>

</dwr>


4.在JSP页面中调用方法,注意要引入的JS文件

<html>
<head>
<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/DwrTest.js"></script>
</head>

<body>
This is my JSP page. <br>
TestDwr Start:<input type="text" id="name" value=""/>&nbsp;&nbsp;&nbsp;<input type="button" onclick="Say()" value="Test_DWR"/>
</body>
</html>


<script type="text/javascript">
function Say(){
var inputName=document.getElementById("name").value;
DwrTest.sayHello(inputName,function(data){
alert(data);
});
}
</script>


至此,一个简单的DwrDemo完成。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读