DWR入门最简单实例——动态更新文本

最新推荐文章于 2021-01-27 03:23:27 发布

天南韩立

最新推荐文章于 2021-01-27 03:23:27 发布

阅读量643

点赞数 1

分类专栏： DWR学习笔记文章标签： dwr

DWR学习笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这是一个简单的演示如何动态地更新网页文本从一个web服务器。

演示效果如下图：

网页上发送了信息“夏小雪”到后台——>后台对接收到的信息"夏小雪"进行处理(在其前面加上了Hello,)——>前台再调用函数获得后台返回的值显示

HTML源代码:

<p>
  Name:
  <input type="text" id="demoName"/>
  <input value="Send" type="button" οnclick="update()"/>
  <br/>
  Reply: <span id="demoReply"></span>
</p>

Javascript来源:

function update() {
  var name = dwr.util.getValue("demoName");
  Demo.sayHello(name, function(data) {
    dwr.util.setValue("demoReply", data);
  });
}

Java源代码:

package org.getahead.dwrdemo.simpletext;

public class Demo {
    public String sayHello(String name) {
        return "Hello, " + name;
    }
}

web-INf下的配置文件

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>
  <allow>
    <create creator="new" javascript="Demo">
      <param name="class" value="org.getahead.dwrdemo.simpletext.Demo"/>
    </create>
  </allow>
</dwr>