dwr中文实例讲解1――动态更新文本

鲜血誓约定唯一

鲜血誓约定唯一

2016-02-19 15:32

有了下面这个dwr中文实例讲解1――动态更新文本教程,不懂dwr中文实例讲解1――动态更新文本的也能装懂了,赶紧get起来装逼一下吧!
   这个例子是动态添加文本的例子,当我们输入一个字符串”100jq”的时候在回复的地方显示了一个”Hello,100jq”。

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

    他的工作机制如下:

    当你点击"发送"按钮时响应了onclick事件, 调用了 update() 函数:

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

dwr.util.getValue() is a utility to get the value of any element, in this case an input field, but it could be a div or a select box.

由于dwr是异步javascript工作方式,所以当我们在后台等待http请求的返回时,不会中断web浏览器的显示。 所以一个被函数调用的参数 loadinfo 名,被调用的时候已经返回了。

在服务器端, dwr调用Demo.sayHello() java的方法:

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

当这个方法返回时, dwr 调用了 loadinfo() 函数, 将文本返回了:

function loadinfo(data) {
  dwr.util.setValue("demoReply", data);
}

dwr.util.setValue()是一个有用的东西它使你传入的第二个参数通过第一个参数的那个id值计算出适合html的标签。 这个函数使得javascript用起来更简单。

我们可以将2个javascript的函数一起写

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

function update() {

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

这种方法在写从服务端返回10以内的行字符串是很有效的

展开更多 50%)
分享

猜你喜欢

dwr中文实例讲解1――动态更新文本

Web开发
dwr中文实例讲解1――动态更新文本

dwr中文例子讲解--前言

Web开发
dwr中文例子讲解--前言

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

实例讲解

编程语言 网络编程
实例讲解

枫桥夜泊下 遮罩效果的动态文本 (1)

FLASH flash教程
枫桥夜泊下 遮罩效果的动态文本 (1)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript获取选中文本

Web开发
JavaScript获取选中文本

AJAX?框架DWR?2.0?M1?发布

Web开发
AJAX?框架DWR?2.0?M1?发布

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

ASP+AJAX打造无刷新新闻评论系统

ASP+AJAX打造无刷新新闻评论系统

深入VCL理解BCB的消息机制1

深入VCL理解BCB的消息机制1
下拉加载更多内容 ↓