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

前端之家收集整理的这篇文章主要介绍了DWR入门最简单实例——动态更新文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

这是一个简单的演示如何动态地更新网页 文本从一个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>
原文链接:https://www.f2er.com/ajax/164302.html

猜你在找的Ajax相关文章