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" />

    他的工作机制如下:

(本文来源于图老师网站,更多请访问https://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.

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

由于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的函数一起写

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偷钱流符文搭配推荐

实例讲解MySQL数据库的查询优化技术 (1)

PHP
实例讲解MySQL数据库的查询优化技术  (1)

JavaScript获取选中文本

Web开发
JavaScript获取选中文本

lolAD刺客新符文搭配推荐

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

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

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

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

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