老规矩先看效果:
简单Ajax应用
点击这里 发送Ajax请求
等待中…
该实例的html代码:
<h3>简单Ajax应用</h3> <p><a id="start" href="#">点击这里</a> 发送Ajax请求</p> <div id="log"> <p>等待中...</p> </div>
该实例的mootools代码:
$('start').addEvent('click', function(e) {//给id为“start”的a标签添加单击事件 e = new Event(e).stop();//使a标签的超链接失效 var url = "http://xiebiji.com/wp-content/files/AjaxExample.php";//获取数据的地址文件,注意这个地址只能是你服务器上的地址 new Ajax(url, { method: 'get',//传递参数的方式是用get方式,即?arr=xx的方式; update: $('log')//当请求完成并且得到AjaxExample.php输出的数据时更新id为"log"的div标签内的内容。 }).request();//发送请求 });
是不是很容易理解?Ajax更多的参数可以参考mootools中文手册,百度一下就可以找到该手册了。
原创内容转载请注明出处:http://xiebiji.com/2008/12/mootools-ajax-simple 作者:Joe ZHOU
博主mootools玩的不错 :kiss:
回复
回复
回复
回复
學習
回复
回复