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

2016-02-19 15:32 2 1 收藏

有了下面这个dwr中文实例讲解1――动态更新文本教程,不懂dwr中文实例讲解1――动态更新文本的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

   这个例子是动态添加文本的例子,当我们输入一个字符串”100jq”的时候在回复的地方显示了一个”Hello,100jq”。

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

    他的工作机制如下:

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)
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 名,被调用的时候已经返回了。

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

在服务器端, 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以内的行字符串是很有效的

来源:https://www.tulaoshi.com/n/20160219/1609862.html

延伸阅读
标签: PHP
数据库系统是管理信息系统的核心,基于数据库的联机事务处理(OLTP)以及联机分析处理(OLAP)是银行、企业、政府等部门最为重要的计算机应用之一。 从大多数系统的应用实例来看,查询操作在各种数据库操作中所占据的比重最大,而查询操作所基于的SELECT语句在SQL语句中又是代价最大的语句。举例来说,如果数据的量...
win7系统更新文件位置查找及删除系统更新文件的方法   现在我们的电脑经常需要更新系统或者安装补丁,总是要下载一堆的系统文件,这些系统文件大,占据很大的磁盘空间,所以我们在系统更新完成之后,要及时清理这些系统文件,不然就会给我们的电脑造成负担,导致电脑运行速度缓慢。其实我们很多时候不是不想及时清除这些垃圾,而是我...
标签: Web开发
AJAX 框架DWR近日宣布,发布DWR 2.0 M1 2.0 M1 新版本。 DWR(Direct Web Remoting) 项目是在Apache许可下的一个开源的解决方案,它供给那些想要以一种简单的方式使用AJAX和XMLHttpRequest的开发者。它具有一套Javascript功能集,它们把从HTML页面调用应用服务器上的Java对象的方法简化了。它操控不同类型的参数,并同时保持了HTML代码...
延时摄影的实例讲解   医科预科学生Ryan Killachey和他的妻子花了近2年时间,在加利福尼亚拍摄了10000张照片。他们将这些照片组合剪辑成一段约2分半时长的视频加利福尼亚的一天。这些照片使用佳能1000D拍摄,镜头包括50/1.8、18-55mm套头及50-250mm镜头。其中一些照片通过后期加上了移轴效果。 延时摄影,长时间定时定格延时拍...
标签: Java JAVA基础
Jakarta-Tomcat 简明中文版用户指南第一部分 本文档提供关于Tomcat的基础信息.主要内容如下: Tomcat二进制版本安装 与Tomcat相关的脚本的主要内容 与server.xml相关的主要内容,Tomcat的主要配置文件 如何设置Tomcat与宿主web服务器一起工作的说明 如何应用Tomcat配置一个现实中的web站点 希望此文档足以使新用户可以开始使用Tomcat.如找不...

经验教程

78

收藏

37
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部