`
wangchongbiao
  • 浏览: 53263 次
  • 性别: Icon_minigender_1
  • 来自: 河北、沧州
社区版块
存档分类
最新评论

dwr自动生成js

    博客分类:
  • dwr
阅读更多

今天试着用dwr搭建了一个小例子:

从官方网站下载dwr.jar包。

新建项目dwrTest,然后将dwr.ja放在你 webapp 的 WEB-INF/lib目录下。

编辑配置文件

1.在WEN-INF/下新建web.xml文件

 

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE web-app PUBLIC
    "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
    "http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app>
	<servlet>
  		<servlet-name>dwr-invoker</servlet-name>
  		<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
	</servlet>
	<servlet-mapping>
	  <servlet-name>dwr-invoker</servlet-name>
	  <url-pattern>/dwr/*</url-pattern>
	</servlet-mapping>
 
</web-app>

  2.在WEN-INF/下新建web.xml文件

 

<?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="helloservice"> 
 		 <param name="class" value="com.dwr.service.HelloWorld" /> 
	</create> 
  </allow>
</dwr>

 3.编写 HelloWorld

package com.dwr.service;

public class HelloWorld {
	public String sayHello(String name){
		return "HelloWorld"+name;
	}

}

 4. 测试 DWR 将代码放入应用服务器(比如Tomcat),启动。然后在地址栏输入:http://localhost/dwjTest/dwr

Modules known to DWR:

然后点击helloservice,会看到刚才写的sayHello()的方法,上面有dwr自动生成的三个js文件

Methods For: helloservice (NewCreator for com.dwr.service.HelloWorld)

To use this class in your javascript you will need the following script includes:

  <script type='text/javascript' src='/dwjTest/dwr/engine.js
'></script>
  <script type='text/javascript' src='/dwjTest/dwr/interface/helloservice.js
'></script>

In addition there is an optional utility script:

  <script type='text/javascript' src='/dwjTest/dwr/util.js
'></script>

Replies from DWR are shown with a yellow background if they are simple or in an alert box otherwise.
The inputs are evaluated as Javascript so strings must be quoted before execution.

sayHello( );
5.创建jsp页面,引入上面的三个js;
<%@ 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>Insert title here</title>
<script type='text/javascript' src='/dwjTest/dwr/engine.js'></script>
<script type='text/javascript' src='/dwjTest/dwr/interface/helloservice.js'></script>
<script type='text/javascript' src='/dwjTest/dwr/util.js'></script>


<script type="text/javascript"> 
	function firstDwr(){ 
		helloservice.sayHello("adsf",callBackHello) ;
	} 
	
	function callBackHello(data){ 
	  alert(data); 
	} 
</script> 
</head>
<body>
  <input  type="button"  name="button"  value="测试"  onclick="firstDwr()">
</body>
</html>
分享到:
评论
2 楼 wsln... 2016-02-18  
简单明了,很好,赞一个
1 楼 surfingll 2015-07-03  
好使一次成功,谢谢分享

相关推荐

    DWR让Ajax如此简单

    - **JavaScript API**: DWR自动生成JavaScript接口,使得开发者可以方便地在浏览器中调用这些方法。 - **安全机制**: DWR提供了安全机制,如CSRF防护,确保只有合法的请求能被处理。 ### 3. DWR的使用步骤 1. **...

    dwr demo dwr简单使用

    5. **JavaScript接口**:DWR自动生成JavaScript接口,使得你可以像调用本地函数一样调用服务器上的方法。在HTML文件中,你会发现DWR生成的JavaScript代码,这些代码使你能方便地与服务器进行交互。 6. **AJAX交互**...

    java dwr 框架源码

    - **生成JavaScript接口**:DWR自动生成JavaScript文件,包含服务器端Java类的代理方法。 - **在HTML/JavaScript中使用**:在客户端的JavaScript代码中引入DWR生成的JavaScript文件,然后就可以直接调用服务器端的...

    dwr入门简单实现示例

    2. **编译阶段**:DWR自动生成JavaScript接口文件,供客户端使用。 3. **运行时**:客户端通过JavaScript调用这些接口,DWR引擎接收到请求后,转发到相应的服务器端方法执行,结果再返回给客户端。 **三、DWR的...

    dwr3api+DWR文档.pdf

    3. **使用DWR生成的JavaScript API**:DWR自动生成JavaScript接口,使得前端可以直接调用服务器端的方法。文档会介绍如何使用这些接口,以及如何定义和调用远程Java类和方法。 4. **安全与权限控制**:DWR提供了...

    DWR案例 js嗲用java代码

    - DWR自动生成JavaScript接口,这些接口对应于服务器端的Java方法。例如,如果你有一个名为`MyService`的Java类,DWR会生成一个`MyService` JavaScript对象,你可以直接调用其上的方法。 4. **调用Java方法**: -...

    dwr 自动完成生成表格的例子

    "myDWR" 这个文件名可能是项目或示例的主目录,其中可能包含了实现DWR自动完成表格功能的所有相关文件,如HTML、CSS、JavaScript、Java服务器端代码等。 **详细知识点:** 1. **Direct Web Remoting (DWR)**:DWR...

    DWR小例子_DEMO

    2. **JavaScript接口生成**:DWR自动生成JavaScript接口,使得前端可以直接调用。这涉及到`generate.js`文件的生成和使用。 3. **前端与后端通信**:学习如何在HTML页面中使用JavaScript调用这些接口,以及如何处理...

    DWR.rar_javascript

    2. **JavaScript接口**:DWR自动生成JavaScript接口,使得前端可以直接调用这些接口来执行服务器上的Java方法。 3. **调用**:在JavaScript中,通过这些接口发送异步请求,DWR引擎在后台处理请求,执行相应的Java...

    dwr实现的无刷新技术 dwr+jsp

    4. **JavaScript接口**:DWR自动生成JavaScript库,包含了与服务器端映射的类的接口。在JSP页面中,引入DWR生成的JavaScript文件,然后就可以在JavaScript代码中调用这些接口,就像调用本地函数一样。 5. **事件...

    dwr验证注册用户

    - DWR自动生成JavaScript接口,使得你可以直接调用服务器端的方法。这个接口会映射到服务器端的Java方法。 - 在HTML页面中,引入DWR的JavaScript库,并使用生成的接口来调用服务器端的用户名验证方法。 4. **AJAX...

    DWR的基本原理以及前后台互相调用并整合SPRING的简易DEMO

    3. **JavaScript Interface**:DWR自动生成JavaScript接口,使得前端可以直接调用后台Java对象的方法。这些接口是通过`dwr.engine`对象提供的,例如`dwr.engine.call`用于执行远程方法。 4. **Spring Integration**...

    DWR js框架 javascript框架 web与java交互 Direct Web Remoting Ajax开源框架

    - **生成JavaScript接口**:DWR自动生成对应的JavaScript接口,使得客户端可以直接调用。 - **客户端使用**:在HTML页面中引入DWR的JavaScript库,并使用生成的接口进行Ajax调用。 3. **DWR的安全性** - **白...

    DWR生成目录树

    - **生成JavaScript接口**: DWR会自动生成对应的JavaScript接口,使得客户端可以直接调用这些服务器端方法。 - **编写HTML和JavaScript**: 在HTML页面中,使用JavaScript来创建和维护目录树的DOM结构。每当需要更新...

    DWR(包括engine.js+util.js).rar

    `engine.js`是DWR的核心脚本,它实现了JavaScript和Java之间的远程调用(Remote Procedure Calls, RPC)。这个文件处理了请求的发送、响应的接收以及结果的处理。通过`engine.js`,前端开发者可以轻松地创建Java对象...

    DWR中文教程(教程实在不可多得)

    - **创建JavaScript代理**:DWR自动生成JavaScript代码,为每个可访问的服务器端对象创建一个JavaScript对象。 - **调用Java方法**:在JavaScript中,可以直接调用这些对象的方法,就像它们是本地函数一样。 - **...

    dwr dtree详细实现

    3. **JavaScript接口**:DWR自动生成JavaScript接口,使得你可以像调用本地函数一样调用服务器端的方法。例如,如果你有一个名为`UserService`的Java类,DWR会自动生成一个同名的JavaScript对象,你可以通过这个对象...

    ajax的DWR框架入门例子

    2. **JavaScript接口**:DWR自动生成JavaScript接口,这些接口与后端Java类对应,使得前端可以直接调用Java方法,就像它们是本地函数一样。 3. **引擎(Engine)**:DWR引擎是整个框架的核心,负责处理AJAX请求和...

    DWR中文文档 用来与数据库,java类交互的ajax框架

    1. **自动JavaScript生成**:DWR自动生成JavaScript库,这些库提供了与Java对象交互的API。这使得开发者无需编写大量的JavaScript代码来处理远程调用。 2. **安全控制**:DWR通过配置文件控制哪些Java方法可以被...

    dwr util.js

    它通过一套自动化的处理机制,包括自动序列化和反序列化,使得JavaScript与Java之间的通信变得简单。`util.js`是DWR框架的一部分,提供了一系列辅助函数,帮助开发者更好地利用DWR的功能。 2. **util.js的主要功能*...

Global site tag (gtag.js) - Google Analytics