EasyJWeb+prototype

介绍了如何结合EasyJWeb和Prototype的Ajax.Updater对象快速实现Ajax应用的方法,特别适用于仅需更新页面局部内容的场景。
<iframe align="top" marginwidth="0" marginheight="0" src="http://www.zealware.com/csdnblog01.html" frameborder="0" width="728" scrolling="no" height="90"></iframe>

很久没有写blog了,今天来说说。

之前大峡写的blog关于EasyJWeb中集成ajax的文章,

就个人觉得,这样确实能简化了一些Ajax的编写难度,

从另一个方面,我今天想说一下在某些情况下(该情况其实很普遍)另一个实现Ajax的简单方法,就是EasyJWeb+Prototype

其实了解Prototype的用户可能已经知道并使用了该方法,今天只是介绍下:

Prototype中的Ajax.Updater对象能很容易的和EasyJWeb联合起来实现一些ajax应用,

先来简单的使用一个例子来介绍下Ajax.Updater的使用:

var myAjax2 = new Ajax.Updater(

'cardmain',

url2,

{

method: 'get'

}

);

之需要这样,就能完成使用url2来请求服务器段并将返回的HTML内容填充到cardmain中。注意,返回的内容需要是HTML,这正适合EasyJWeb来作。

首先还是根据请求得到一个html页面,这个页面的内容就是需要填充到浏览器端的内容,比如:

#foreach($card in $!list)

onmousedown="f_mdown(this)" onmousemove="f_move(this)">

来自:$!card.fro

发送给: $!card.forwho

内容: $!card.content

时间: $!card.inputTime

#end

然后在调用端使用

就可以了。

该方法的最适合的情况是只需要改变页面某一块的内容。

并且能很快地将以前的EasyJWeb应用过渡到Web 2.0

使用该方法,只花了几分钟就能完成一个类似于电话号码查询的那个例子。

可以试试。

(本文作者:EasyJF开源团队stef 欢迎转载,转载请保留作者声明,谢谢!)



Trackback: http://tb.blog.youkuaiyun.com/TrackBack.aspx?PostId=1506522


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值