`
oycn0755
  • 浏览: 113814 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ajax框架之小试牛刀

阅读更多
1,下载DWR.jar包
2,新建web应用,修改web.xml,添加以下内容:
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
<init-param>
<param-name>config</param-name>
<param-value>WEB-INF/dwr.xml</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>scriptCompressed</param-name>
<param-value>false</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>

3,在web.xml同级目录下添加dwr.xml文件,文件内容如下:
<?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="com.bs.dwr.Hello" />

</create>


</allow>
</dwr>

4,写java代码com.bs.dwr.Hello.java:
package com.bs.dwr;

public class Hello {
public String Hello(String name){
return "hello,dwr.--"+name;
}
public String getHello(String name){
return "getHello,dwr.--"+name;
}

}

5,客户端调用,添加testDWR.jsp页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>第一个DWR程序</title>
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/interface/Hello.js'></script>
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/engine.js'></script>
<script type='text/javascript' src='<%=request.getContextPath()%>/dwr/util.js'></script>

</head>
<body>
<input id="user" type="text" />
<input type='button' value='test' onclick='hello();' />
<input type='button' value='test2' onclick='hello2();' />
<div id="result"></div>
</body>
</html>

<script type="text/javascript">

function hello() { 

var user = document.getElementById('user').value;
  
Hello.Hello(user,callback);

}
function callback(msg) {
   DWRUtil.setValue('result', msg);
   //alert(msg);
}
function hello2(){
var user = document.getElementById('user').value;
Hello.getHello(user,callback);
}

</script>


把整个项目发布到tomcat下,即便可体验到js直接调用java方法来修正页面的快感。
整个项目代码在附件中。



  • testDWR.rar (347.9 KB)
  • 描述: testDWR工程项目完整代码
  • 下载次数: 72
分享到:
评论
1 楼 xiaoqiang01 2008-08-28  
一个入门的好例子

相关推荐

    AJAX框架 v4.0

    **AJAX框架 v4.0** 是一个专为构建高效、动态和交互性强的Web应用程序设计的前端技术框架。在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种允许网页在不重新加载整个页面的情况下与服务器交换数据并...

    ASP.NET Ajax框架与组件

    - **AjaxLibrary类库(客户端)**:这是ASP.NET Ajax框架的核心组成部分之一,包含了用于处理Ajax请求的JavaScript库。该库提供了一系列的方法和对象,用于处理客户端与服务器之间的异步通信。 - **ASP.NET 2.0 Ajax...

    json ajax ajax框架

    AJAX框架是为了简化AJAX开发而设计的工具,它们提供了一套封装好的API,帮助开发者快速、便捷地构建具有AJAX功能的应用。这些框架可以处理与服务器的通信、数据解析、错误处理等复杂任务,让开发者能够专注于应用...

    微软ASP.NET AJAX框架剖析

    【微软ASP.NET AJAX框架剖析】 ASP.NET AJAX框架是微软针对AJAX(Asynchronous JavaScript and XML)技术开发的一个全面的Web开发框架,旨在提供一个高效、易于使用的开发环境,以创建以用户为中心的Web应用程序。...

    十大AJAX框架

    **十大AJAX框架详解** AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。随着Web开发的不断进步,AJAX框架应运而生,它们为开发者提供了更加便捷和高效的手段来...

    四种流行的AJAX框架.doc

    【四种流行的AJAX框架】 AJAX(Asynchronous JavaScript and XML)是Web开发中的一种技术,用于创建交互式和响应迅速的用户体验,而无需刷新整个页面。本文将详细探讨四种流行的AJAX框架:jQuery、MooTools、Dojo和...

    jquery小试牛刀

    《jQuery小试牛刀》 在Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本文将深入探讨jQuery的核心概念和常见用法,帮助读者更好地理解和运用这...

    基于java的开发源码-Ajax框架 ZK.zip

    基于java的开发源码-Ajax框架 ZK.zip 基于java的开发源码-Ajax框架 ZK.zip 基于java的开发源码-Ajax框架 ZK.zip 基于java的开发源码-Ajax框架 ZK.zip 基于java的开发源码-Ajax框架 ZK.zip 基于java的开发源码-Ajax...

    Ajax 框架 xAjax下载

    **Ajax 框架 xAjax 入门指南** Ajax(Asynchronous JavaScript and XML)技术的出现,极大地提升了Web应用程序的用户体验,它允许页面在不重新加载整个页面的情况下与服务器进行异步交互。xAjax是一个基于PHP的开源...

    几款比较流行的Ajax框架

    Ajax框架的出现,极大地简化了开发者的工作,使得无需刷新整个页面即可更新部分内容。以下是对给定标题和描述中提及的几款流行Ajax框架的详细解析: 1. **AjaxCaller**: AjaxCaller 是一个轻量级的JavaScript库,...

    Asp.net Ajax框架教程

    ASP.NET AJAX框架是微软提供的一种用于构建富交互Web应用程序的技术,它允许开发者在不刷新整个页面的情况下更新网页的特定部分,提高用户体验。本教程详细介绍了ASP.NET AJAX框架的关键组件和用法,涵盖了一系列...

    Ajax框架汇总 Ajax框架汇总

    Ajax框架则是为了简化开发者使用Ajax技术而创建的工具,它们通常包含一系列预定义的函数和组件,用于处理Ajax请求、响应、DOM操作以及错误处理等。 以下是文章中提到的一些Ajax框架的详细介绍: 1. **Bindows** - ...

    国产Ajax框架--龙博AJAX的开发包,开发手册

    标题中的“国产Ajax框架--龙博AJAX的开发包,开发手册”指的是一款由中国开发者创建的用于Web前端异步数据交互的JavaScript库,名为“龙博AJAX”。Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页...

    Jquery全解析,ajax框架

    ### Jquery全解析与Ajax框架构建 #### 一、jQuery简介 jQuery 是一款跨平台的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及与Ajax交互等操作。自2006年发布以来,jQuery已经成为最流行的...

    通用的ajax 框架

    **Ajax 框架详解** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术的核心在于利用JavaScript异步地与服务器进行交互,从而提高了网页的用户体验...

    兼容浏览器的ajax框架

    兼容浏览器的ajax框架,比较实用,轻量级的.

    mymvc自己写的ajax框架

    在IT行业中,自定义开发一个AJAX框架是一个深入理解前端与后端交互机制的重要实践。这里我们关注的“mymvc自己写的ajax框架”显然是一款基于MVC(Model-View-Controller)模式构建的个人项目,它允许开发者通过Ajax...

    ajax框架

    **Ajax 框架详解:以 DWR 为例** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下更新部分网页的技术。它通过后台与服务器进行少量数据交换,使网页实现异步更新,极大地提升了用户体验...

    龙博AJAX框架是跨浏览器的JavaScript框架集

    • 包含40多个图形界面控件, 例如标签(Tabs),窗口对话框(Dialog),树型表格(TreeGrid),时间线(TimeLine)等等. • 多浏览器兼容, 包括IE6+, firefox1.5+, ...• 和其他Ajax框架,如jQuery, prototype, mootools充分兼容.

    ajax完整功能框架

    【标题】"Ajax完整功能框架"是一个用于构建高效、交互性强的Web应用的开发框架,它结合了多种技术,如JavaScript、XMLHttpRequest、DOM以及CSS等,以实现页面的无刷新更新。Ajax(Asynchronous JavaScript and XML)...

Global site tag (gtag.js) - Google Analytics