DWR框架入门

最新推荐文章于 2018-12-14 23:58:46 发布

summer_lilac

最新推荐文章于 2018-12-14 23:58:46 发布

阅读量376

点赞数

分类专栏： DWR框架文章标签： dwr 框架 callback user javascript string

本文链接：https://blog.csdn.net/summer_lilac/article/details/3361736

版权

DWR框架专栏收录该内容

0 篇文章 0 订阅

订阅专栏

1.新建一个web工程dwr

2.WEB-INF 的lib中加入dwr.jar

3.webRoot下创建文件夹script，加入engine.js--负责客户端和服务器端的联系，util.js。

4.web.xml中配置DWRServlet如下：

<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>
  <init-param>
   <param-name>crossDomainSessionSecurity</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>

5.在src下编写Hello.java

package tina.test;

public class Hello {
public String hello(String name){
return "哈喽" + name +"第一个DWR！";
}
}

6.编写dwr.xml放到WEB-INF下

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
<allow>
  <create creator="new" javascript="Hello">
   <param name="class" value="tina.test.Hello" />
  </create>
</allow>
</dwr>

7.编写hello.js

function hello() {
var user = $("user").value;
Hello.hello(user, callback);
}
function callback(msg) {
DWRUtil.setValue("result", msg);
}

同样放到script下

8.编写hello.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>title</title>
  <script type='text/javascript' src='dwr/interface/Hello.js'></script>
  <script type='text/javascript' src='script/engine.js'></script>
  <script type='text/javascript' src='script/util.js'></script>
  <script type='text/javascript' src='script/hello.js'></script>
</head>
<body>
  <input id="user" type="text" />
  <input type='button' value='哈喽' οnclick='hello();' />
  <div id="result"></div>
</body>
</html>
9.最后在浏览器中输入http://localhost:8080/dwr/hello.jsp就ok了！

summer_lilac

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DWR框架入门

1.新建一个web工程dwr2.WEB-INF 的lib中加入dwr.jar3.webRoot下创建文件夹script，加入engine.js--负责客户端和服务器端的联系，util.js。4.web.xml中配置DWRServlet如下： dwr-invoker org.directwebremoting.servlet.DwrServlet
复制链接

扫一扫