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

发布时间：2020-12-16 00:19:58 所属栏目：百科来源：网络整理

导读：这是一个简单的演示如何动态地更新网页文本从一个web服务器。演示效果如下图：网页上发送了信息“夏小雪”到后台——后台对接收到的信息"夏小雪"进行处理(在其前面加上了Hello,)——前台再调用函数获得后台返回的值显示 HTML源代码: p Name: input type="

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

演示效果如下图：

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

HTML源代码:

<p>
  Name:
  <input type="text" id="demoName"/>
  <input value="Send" type="button" onclick="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>

（编辑：李大同）