Ajax代码实例1~~~~~~~~~~~~简单代码实现MVC dwr ajax

大家中午好啊我是寻觅

这里我们继续前个文章的学习

DWR(Direct Web Remoting) 是一个 WEB 远程调用框架 . 利用这个框架可以让 AJAX

开发变得很简单 . 利用 DWR 可以在客户端利用 JavaScript 直接调用服务端的 Java 方法并

返回值给 JavaScript 就好像直接本地客户端调用一样 (DWR 根据 Java 类来动态生成

JavaScrip 代码 ). 它的最新版本 DWR0.6 添加许多特性。如 : 支持 Dom Trees 的自动配置 ,

支持 Spring(JavaScript 远程调用 spring bean), 更好浏览器支持 , 还支持一个可选的

commons-logging 日记操作 .

DWR 官方网址 http://www.getahead.ltd.uk/dwr/

现在我们就前面的两个文章 /*

下载官方 DWR 教程例子，实现 DWR 迅速入门

http://www.blogjava.net/lusm/archive/2007/03/10/103003.html

Ajax 具体认识 ~~~~~~~~~~~~ 让 Ajax 变得具体不再抽象

http://www.blogjava.net/lusm/archive/2007/03/17/104490.html

的内容展开 MVC 下 DWR ajax 的学习，如果你没看过或还没怎么了解，为了你能在下面

更好地学习，建议你先花点点时间看看上面的两个文章。

先看看我们要讲的这个 example 的总体结构图：

看到这个图是不上和我们上个文章里的最后一个很像啊！其实是一样的，大家都是

MVC 结构，只是这里少了个数据库而已。

好了看看我们的例子代码会有什么效果

当我们在 textfiled 里打入一个名字，如 , 这里的 Joe ，接着我们点一下旁边的 button send

大家就会马上看到 Hello, Joe 了，呵呵，是不是很好玩；是不是很想知道怎么会这样的！

恩好现在就让我们来看看它的代码是什么样子的：

就这几个代码

HTML source: 这个代码就是我们看到的上面的那个图，比较简单不解释了

< p >
3

Name:
4

< input type = " text " id = " demoName " />
5

< input value = " Send " type = " button " onclick = " update() " />
6

< br />
7

Reply: < span id = " demoReply " ></ span >
8

</ p >

Javascript source:

这个是上面的<input value="Send" type="button" onclick="update()"/>调用的函数当我们

点击按钮(Send)时，就会去调用这个javaScript函数update( )并执行函数里的内容{。。。}，

可以看到在这个函数里有这个 var name = dwr.util.getValue("demoName");这里要调用lib下

的dwr包里的方法;这里还定义了另一个函数Demo.sayHello(就是下一个代码Demo.java)把

textfiled里的数据传给Demo.java进行简单的处理，再把处理得到的数据传给下一个

textfiled demoReply .

function update() {
2

var name = dwr.util.getValue( " demoName " );
3

Demo.sayHello(name, function(data) {
4

dwr.util.setValue( " demoReply " , data);
5

} );
6

}

Java source:

这里创建一个类处理上面js文件，传来的值

package uk.ltd.getahead.dwrdemo.simpletext;
2

public class Demo {
4

public String sayHello(String name) {
5

return " Hello, " + name;
6

}
7

}
8

dwr.xml

<? xml version = " 1.0 " encoding = " UTF-8 " ?>
2

<! DOCTYPE dwr PUBLIC
3

" -//GetAhead Limited//DTD Direct Web Remoting 2.0//EN "
4

" http://www.getahead.ltd.uk/dwr/dwr20.dtd " >
5

<!--
6

前面是废话不讲
7

熟析java 中的一些xml 如 structs里的structs - config.xml
8

都知道在一般情况下，java中的xml文件常用于配置文件使用，记录一些影射关系，比
9

如 url 影射。
10

这里的xml就是起到这个作用大家注意这里的橙红字部分，和前一个代码里的橙红字就了解了
11

-->
12

< dwr >
13

< allow >
14

< create creator = " new " javascript = " Demo " >
15

< param name = " class " value = " uk.ltd.getahead.dwrdemo.simpletext.Demo " />
16

</ create >
17

</ allow >
18

</ dwr >

看到这里大家应该对这些代码了解了，请在将我讲的内容和前面的图结合起来，

想想哪个代码出现在哪里；呵呵，以后还会有更复杂的代码，

大家要努力了，别落伍了

地震让大伙知道：居安思危，才是生存之道。

posted on 2007-03-18 15:04 小寻阅读(635) 评论(0) 编辑收藏所属分类: j2se/j2ee/j2me

随笔分类(357)

我管理的群

公共blog

参与管理的论坛

好友的blog

我的其他blog

朋友的网站

搜索

最新评论


只有注册用户登录后才能发表评论。




网站导航: 博客园 IT新闻知识库 C++博客博问管理
相关文章: [原创]浅析JACOB Struts && Spring 登陆实验 [分页]之 servlet分页一个通用的Hibernate DAO JSF下拉列表简单实现视频及代码在 arm920T 上使用 java 杂杂 spring整合hibernate提供代码下载小小hibernate3.1代码小小spring2.0代码扩充小小的spring2.0例子