这里是一个简单的介绍从服务器端获取文本来动态更新web页面的例子
sayHello.html
<html>
<head>
<title></title>
<script type='text/javascript' src='/DWR/dwr/interface/Person.js'></script>
<script type='text/javascript' src='/DWR/dwr/engine.js'></script>
<script type='text/javascript' src='/DWR/dwr/util.js'></script>
<script type="text/javascript">
/**
* auther:cong_px
* versin:1.0
*/
function update() {
var name = dwr.util.getValue('name');
Person.sayHello(name, function(data) {
dwr.util.setValue('replay', data);
});
}
</script>
</head>
<body>
<p>
<input type="text" id="name"/>
<input type="button" onclick="update()" value="Send"/>
<br/>
Replay : <span id="replay"></span>
</p>
</body>
</html>
当你点击"Send"按钮时，浏览器触发onclick事件，此次操作将调用update()函数：
function update() {
var name = dwr.util.getValue("demoName");
Person.sayHello(name, loadinfo);
}
dwr.util.getValue用于取得任何一个元素的值。
在服务器端，DWR调用Person.sayHello()方法。
public String sayHello(String name) {
return "Hello, " + name;
}
当方法调用返回的时候，DWR将调用loadinfo()函数，用于为span标签设值。
function loadinfo(data) {
dwr.util.setValue("demoReply", data);
}
dwr.util.getValue用于为任何一个元素的设值。
我们也可以把上面提到的两处js合并起来。如下：
function update() {
var name = dwr.util.getValue('name');
Person.sayHello(name, function(data) {
dwr.util.setValue('replay', data);
});
}
分享到：
相关推荐
在传统的Web开发中，如果需要动态更新页面元素，通常需要通过页面刷新或者Ajax请求来实现。然而，DWR提供了一种更为简单和高效的方式，即在服务器端生成数据后直接传递给客户端，并在JavaScript中更新DOM元素。 **...
在这个场景中，"DWR TREE"指的是使用DWR技术来构建和管理动态的树形结构组件。 在Web应用中，树形结构常用于展示层次化的数据，如文件系统、组织结构或菜单。DWR提供了一种高效的方法来更新这些树结构，而无需刷新...
它提供了一种高效、安全且易于使用的机制，使得动态更新的Web应用成为可能，无需刷新整个页面就能与服务器进行交互。本案例详解将重点探讨DWR在数据库操作中的应用。 首先，理解DWR的基本工作原理至关重要。DWR通过...
Direct Web Remoting (DWR) 是一种开源Java库，它允许Web应用程序在浏览器和服务器之间进行实时、双向通信，无需刷新页面。DWR的核心功能是简化JavaScript与服务器端Java对象之间的交互，使得开发者可以轻松地在...
**Direct Web Remoting (DWR)** 是一个允许JavaScript在浏览器端直接调用服务器端Java方法的库，实现Ajax无刷新交互。DWR通过动态生成JavaScript库，使得前端开发者可以像操作本地对象一样调用远程Java方法，增强了...
1. **Web Remoting**：这是DWR的核心功能，它允许JavaScript在用户浏览器中与服务器进行通信，而无需刷新页面或使用XMLHttpRequest。这种方式提高了Web应用的动态性，使得用户可以实时地看到数据的变化。 2. **AJAX...
这是一个jQuery插件，它允许用户在输入框中键入内容时动态显示匹配项列表。这个功能常见于搜索框、地址输入和推荐系统中。Autocomplete的实现通常涉及以下步骤： 1. 初始化：在HTML页面中添加一个文本输入框，并通过...
在JSP页面上，我们需要创建一个HTML元素（如预格式化文本`<pre>`标签）来展示日志，并使用JavaScript来调用DWR的方法获取日志。DWR会自动处理跨域问题，使得前端可以直接调用后台服务。例如： ```html ...
这通常涉及到动态加载或编辑表格单元格，无需刷新整个页面。首先，你需要在服务器端创建一个可被DWR调用的Java类和方法。然后，在HTML页面上，使用DWR的JavaScript库来调用这些方法。当用户对表格进行操作时，DWR会...
DWR的文档中包含了许多示例，展示了如何动态更新文本、列表、表单以及表格内容。你可以通过阅读这些示例和查看服务器生成的源代码来学习如何在实际项目中应用DWR。通过这种方式，你可以充分利用DWR的强大功能，提升...
2. **DWR**：它允许JavaScript可以直接调用服务器端的Java方法，实现无刷新的页面更新。在注册登录场景下，DWR可以用来实现实时验证用户输入，如用户名的可用性检查，以及在提交表单后的异步处理，提高用户体验。 3...
DWR则是Java后端与前端之间的桥梁，它允许JavaScript直接调用Java方法，实现了无刷新的页面更新。这在处理树形菜单的异步加载时尤为有用，因为用户可以不必等待整个页面刷新就能看到新数据。DWR通过在服务器端创建一...
DWR (Direct Web Remoting) 是一个开源的JavaScript库，它允许Web应用程序在客户端和服务器之间进行实时通信，无需使用Ajax或页面刷新。 **描述解析：** "DWR2日志管理的以个例子，学习DWR的好东东" 这句话表明...
5. **实际应用**：DWR常用于实时数据展示、表单验证、动态图表绘制、富文本编辑器等功能，它简化了Ajax应用的开发，让开发者能更专注于业务逻辑而不是底层通信细节。 6. **性能优化**：了解DWR源代码有助于优化性能...
- `simpletext`: 可能是一个简单的DWR示例，演示如何调用服务器端的文本处理方法。 - `livehelp`: 可能是一个实时帮助或聊天系统的示例。 - `people`: 可能与用户管理或联系人列表相关，展示了DWR处理用户数据的例子...
DWR 允许前端JavaScript代码直接调用后端Java方法，从而实现了页面的无刷新更新。DWR的核心组件包括： 1. **Engine**：处理所有JavaScript到Java的调用，管理会话和安全。 2. **Batcher**：批量处理多个远程调用，...
Ajax（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据...在"JavaDwr"压缩包中，你可以探索和学习如何利用DWR来构建动态Web应用。
- **示例和代码**：DWR的官方文档提供了许多示例，演示如何在页面上动态更新文本、列表、表单以及表格内容。每个示例都附带了详细的实现说明。 - **生成的JavaScript**：你可以查看DWR自动生成的JavaScript代码。在...