zoukankan      html  css  js  c++  java
  • 权限管理 (三)DWR实现异步通信

    • 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>


                  效果图


                    

                      

  • 相关阅读:
    增强iOS应用程序性能的提示和技巧(25个)
    [iOS]用instancetype代替id作返回类型有什么好处?
    把cygwin加入右键菜单
    NSRange
    Centos7下安装MySQL
    (转)php 操作redis全部方法。
    unbuntu 安装php5.6
    unbuntu 安装nginx
    unbuntu 安装MySQL
    Ubuntu16.04下实现MySQL主从复制
  • 原文地址:https://www.cnblogs.com/lilongsheng1125/p/4978547.html
Copyright © 2011-2022 走看看