【mootools中文实例诠释】Ajax类的简单使用

老规矩先看效果:

简单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

6 Responses to 【mootools中文实例诠释】Ajax类的简... »

  1. popdo 评论 2008-12-24 06:45

    博主mootools玩的不错 :kiss:

    回复

  2. andu 评论 2008-12-24 17:59

    :lol: 博客颜色好鲜啊。

    回复

  3. joe 评论 2008-12-24 18:16

    :o hh: 好看么?

    回复

  4. 老时 评论 2008-12-24 19:32

    :P :P :P 主题很拉风

    回复

  5. Alone 评论 2009-06-16 18:22

    學習

    回复

    joe 回复 六月 16th, 2009 at 20:21

    :o 注意,这是mt1.11才可以用的

    回复

Leave a Reply

Email address is not published

You should say a Chinese word to pass spam check. If you can not input Chinese, just copy 你好 and paste them into comment text box.