dwr.Xml代码
<?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>
<!-- without allow, DWR isn't allowed to do anything -->
<allow>
<create creator="new" javascript="Student" scope="application">
<param name="class" value="com.xzj.service.StudentService"/>
</create>
<convert converter="com.xzj.domain.Student" match="bean"/>
</allow>
</dwr>
StudentService方法的代码如下:
Java代码
package com.xzj.service;
import java.util.ArrayList;
import java.util.List;
import com.xzj.domain.Student;
public class StudentService {
public List find(){
List list=new ArrayList();
for(int k=1;k<10;k++){
list.add(k);
}
return list;
}
public Student findStudent(){
Student stu=new Student();
stu.setId(127);
stu.setName("小虎队");
stu.setAge(48);
return stu;
}
public List listStudent(){
List list=new ArrayList();
Student stu=null;
for(int k=1;k<6;k++){
stu=new Student();
stu.setId(k);
stu.setName("小猪"+k);
stu.setAge(23+k);
list.add(stu);
}
return list;
}
}
Student 的代码如下:
Java代码
package com.xzj.domain;
public class Student {
private int id;
private String name;
private int age;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public int getAge() {
return age;
}
public void setAge(int age) {
this.age = age;
}
}
前台index.jsp的代码如下:
Java代码
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>DWR Operator List and Object</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style type="text/css">
a:link, a:visited{
margin:10px;
color:#A62020;
padding:4px 10px 4px 10px;
background-color: #ecd8db;
text-decoration:none;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
}
a:hover{
margin:10px;
color:#821818;
padding:5px 8px 3px 12px;
background-color:#e2c4c9;
border-top:1px solid #717171;
border-left:1px solid #717171;
border-bottom:1px solid #EEEEEE;
border-right:1px solid #EEEEEE;
}
.datalist{
border:1px solid #5F6F7E;
border-collapse:collapse;
width:60%;
}
.datalist th{
border:1px solid #5F6F7E;
background-color:#E2E2E2;
color:#000000px;
font-weight:normal;
text-align:center;
padding:2px 8px 2px 6px;
height:20px;
}
.datalist td{
margin:0px;
padding:1px;
border:1px solid #ABABAB;
}
.put{
margin:0px;
border:0;
background-color:#E2E2E2;
padding:5px;
border-bottom:1px solid #ABABAB;
width:auto;
}
</style>
<script type="text/javascript" src='dwr/interface/Student.js'></script>
<script type="text/javascript" src='dwr/engine.js'></script>
<script type="text/javascript" src='dwr/util.js'></script>
<script type="text/javascript">
function find(){
Student.find(showMessage);
function showMessage(msg){
var rs=new Array();
rs=msg
for(var k in rs){
alert("List中的:"+rs[k]);
}
}
}
function findStudent(){
Student.findStudent(showMessage);
function showMessage(msg){
//操作Bean文件Student 必须要先再dwr.xml中配置
/**<convert converter="bean" match="com.xzj.domain.Student"/>*/
var msgStr="编号:"+msg.id+"\n姓名:"+msg.name+"\n年龄:"+msg.age;
alert(msgStr);
}
}
function listStudent(){
Student.listStudent(showMessage);
function showMessage(msg){
var rs=new Array();
rs=msg;
var table="<table class='datalist'>";
table+="<tr>";
table+="<th>编号</th>";
table+="<th>姓名</th>";
table+="<th>年龄</th>";
table+="</tr>";
for(var k in rs){
table+="<tr>";
table+="<th>"+rs[k].id+"</th>";
table+="<td>"+rs[k].name+"</td>";
table+="<td>"+rs[k].age+"</td>";
table+="</tr>";
}
table+="</table>";
showMsg.innerHTML=table;
}
}
</script>
</head>
<body>
<center>
<input type="button" class="put" name="btnList" value="查看对List的操作" onclick="find()"/>
<input type="button" class="put" name="btnList" value="查看对Student对象的操作" onclick="findStudent()"/>
<input type="button" class="put" name="btnList" value="查看对List中5个Student对象的操作" onclick="listStudent()"/>
</center>
<br><br>
<br><br>
<div id="showMsg" style="border:1px dashed #CCCCCC;width:500px:height:auto;margin:5px;padding:5px;text-align:center;">
</div>
</body>
</html>
记得在web.xml中配置
分享到:
相关推荐
本教程“DWR入门教程及实例(含源代码)”旨在帮助初学者快速掌握DWR的基本概念和使用方法。教程内容可能包括以下几个核心知识点: 1. **DWR概述**:讲解DWR的基本理念,如何通过HTTP协议实现JavaScript与Java之间...
NULL 博文链接:https://atgoingguoat.iteye.com/blog/620103
这份"个人编写的一份dwr入门源代码"是针对初学者设计的,通过五个简单示例帮助理解DWR的基本用法和功能。 1. **DWR简介**:DWR简化了AJAX开发,通过自动处理跨域问题和JSON/JavaScript对象转换,使得前端可以像调用...
STRUT2 DWR入门教程 DWR(Direct Web Remoting)是一种开源JavaScript库,它允许在Web应用程序中实现Ajax功能,使用户界面更加动态和交互性更强。与STRUT2框架结合使用,DWR可以为Java后端提供简单且高效的远程方法...
**DWR(Direct Web Remoting)入门操作手册及DWR包** DWR,全称Direct Web Remoting,是一个...通过深入学习"Dwr入门操作手册"并实践使用"dwr.jar",你可以掌握如何利用DWR构建交互性更强、用户体验更好的Web应用。
**DWR入门步骤:** 1. **引入依赖**:首先,你需要在项目中添加dwr.jar到类路径中,这将包含所有DWR运行所需的类和库。 2. **配置DWR**:在Web应用的Web-INF目录下创建dwr.xml配置文件,设置允许的远程接口和方法...
在DWR入门教程中,首先会介绍DWR的基本概念和工作原理。DWR的核心是将Java方法暴露给JavaScript,通过在服务器端创建一个称为"逆向Ajax"的通道,使得JavaScript能够调用远程服务器上的Java方法。这个过程涉及到几个...
利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本DWR0.6添加许多特性如:支持Dom Trees的自动配置...
在这个"DWR入门例子"中,我们将深入探讨如何使用DWR进行服务器和客户端之间的数据交换。 1. **DWR基本概念** - **反向AJAX**: DWR的核心理念是反向AJAX,即由服务器主动向客户端推送数据,而不仅仅是响应客户端的...
现在,让我们深入探讨DWR的入门知识,包括其基本概念、安装、配置以及如何通过提供的例子来开始你的DWR学习之旅。 1. **DWR的基本概念** - **Web Remoting**:DWR的核心是远程调用,即JavaScript可以直接调用...
2. **服务器端代码**:在`UserService`类中,定义`getUserList()`方法,它可能从数据库或其他数据源获取数据并返回一个List对象: ```java public List<User> getUserList() { // 数据库操作获取User列表 List...
在"DWR入门程序--计算两个数之和及包含页面的例子(使用1.0版本).rar"中,我们可以看到一个简单的例子,展示了如何使用DWR 1.0进行数据交互。这个例子可能包括一个HTML页面,该页面包含一个JavaScript函数,该函数...
在"DWR入门demo"中,我们可以学习到以下几个关键知识点: 1. **DWR的基本概念**:DWR的核心是提供了一个安全、高效的机制,通过AJAX(Asynchronous JavaScript and XML)技术实现在浏览器和服务器之间进行异步通信...
二、DWR 的配置文件 DWR 的配置文件 dwr.xml 用于定义哪些 Java 类可以被远程调用。例如: ```xml <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" ...
**DWR入门(二)用户实例** DWR(Direct Web Remoting)是一种开源JavaScript库,它允许在浏览器和服务器之间进行实时、双向通信,从而实现Web应用中的Ajax功能。DWR使得开发者能够像操作本地对象一样操作服务器端...
**二、DWR的工作原理** 1. **配置阶段**:在服务器端,我们需要在`dwr.xml`配置文件中声明可被远程调用的Java类和方法。 2. **编译阶段**:DWR自动生成JavaScript接口文件,供客户端使用。 3. **运行时**:客户端...
通过这个“最完整的DWR入门文档”,你将能够学习到如何从零开始搭建一个DWR应用,包括实例代码、配置示例和详细的解释。案例部分则可以帮助你将理论知识应用到实践中,解决实际问题。 总之,DWR是AJAX开发的一个...
3. **DWR入门步骤**: - **准备环境**:首先,需要下载DWR的jar包,如dwrc.jar,将其放入项目的lib目录下。 - **创建Web项目**:创建一个新的Web项目,例如名为sayHello。 - **编写Java类**:创建一个名为...
**AJAX技术之DWR框架入门** AJAX(Asynchronous JavaScript and XML)是一种在无需刷新整个页面的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使得网页实现异步更新。这种技术可以提升...