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

权限管理 (三)DWR实现异步通信

发布时间:2020-12-16 00:45:41 所属栏目:百科 来源:网络整理
导读:dwr用途 DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站。在.NET中已经有很多类似的框架,例如Jquery、javascript等。 小例子 以一个经典的HelloWorld()来实现以下异步提
  • dwr用途

DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站。在.NET中已经有很多类似的框架,例如Jquery、javascript等。

  • 小例子

以一个经典的HelloWorld()来实现以下异步提交,首先需要引入dwr.jar包,然后,在web.xml里面配置DWR信息,如下

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  <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>   
</web-app>


服务器端的java类,包含需要调用的方法

public class test1 {
	public String hello(){
		return "hello world!";
	}
}


在dwr.xml里面需要配置以下界面中接口对应的java类

<?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>
    <create creator="new" javascript="T1">
      <param name="class" value="com.bjsxt.oa.dwrtest.test1"/>
    </create>
  </allow>
</dwr>


在界面中引入如下js文件,即可调用

<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/T1.js"></script>
<script type="text/javascript">
function test1(){
	T1.hello(
		function(data){
			alert(data);
		}
	);
}

</script>


效果图

(编辑:李大同)

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

    推荐文章
      热点阅读