06 17 , 2009
Tagged: AJAX ,JS ,mootooles中文 ,mootools ,mootools 1.2 ,mootools教程 ,php |
Cat: javascript , mootools , php |
不久之前我写过一篇关于mootools运用ajax的文章《【mootools中文实例诠释】Ajax类的简单使用 》，但是这篇文章是基于mootools 1.11版本写的，今天在用1.2版(以下称mt1.2)写一个关于ajax和json调用的教程。
如果你现在在学mt1.2你会发现1.2版已经取消的Ajax这个类了，取而代之的是更强大的Request类。那要怎么实现Ajax效果呢？
老规矩还是先看效果：
http://xiebiji.com/works/mt1.2Ajax/
示例下载地址：目标另存为
html+js代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
mt1.2ajax-from http://xiebiji.com
var jsonRequest;
window.addEvent('domready',function(){
jsonRequest = new Request.JSON({
url: "tellMySiteInfo.php", //请求数据链接地址，从这个...
06 10 , 2009
Tagged: AJAX ,FLASH ,HTML ,images ,LightBox ,mootools ,multibox ,video ,超强 |
Cat: javascript , mootools |
效果来自：http://www.phatfusion.net/multibox/
这是一个让你感叹的加强版lightbox,不过很遗憾它是基于mootools v1.11的（mootools现在已经1.2了）。但是它的强大无可否认。
这个加强版lightbox支持以下格式展示： images, flash, video, mp3s, html.（其中还支持ajax）
赶紧试一下吧，小JOE极力推荐。
使用例子：
demo下载地址：http://www.phatfusion.net/multibox/ multibox.zip
运行例子的时候注意“MultiBox\multibox”目录下的index.html的某句代码写错了
05 16 , 2009
Tagged: AJAX ,工作室 ,整站 |
Cat: javascript , mootools , php |
02 03 , 2009
Tagged: AJAX ,dome ,HTML ,JS ,mootools ,mootools教程 ,中文 ,手册 ,服务器 |
Cat: mootools |
mootools 1.2 中文html手册在线版地址：
http://xiebiji.com/works/mt1.2cn/Docs/index.html
值得提示的是：
本中文参考文档由Zarknight 译制完成
获取最新版本:http://code.google.com/p/mootools-doc-cn/
感谢作者无私奉献。
mootools 1.2相对于1.6版有很多区别，js框架更新版本的时候有貌似跟php框架大有不同，js框架要充分考虑到文件大小的问题。所以一个新版本跟旧版本往往有很多区别。例如1.2的mootools没有了Ajax类，该类被Request类直接替换了。
12 24 , 2008
Tagged: AJAX ,javascript ,JS ,mootools ,mootools教程 ,中文实例 ,代码 ,使用 ,诠释 |
Cat: javascript , mootools , php |
老规矩先看效果：
点击这里 发送Ajax请求
等待中…
该实例的html代码:
简单Ajax应用
点击这里 发送Ajax请求
等待中...
该实例的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更多的参数可以...
12 18 , 2008
Tagged: AJAX ,error ,firefox ,IE ,位置运行时 ,错误 |
Cat: javascript |
最新写ajax发现个很奇怪的问题：在firefox里面没有问题，但是在ie里面死活就是显示“未知运行时错误”。搞了我很久很久，写ajax的时候浏览器缓存了js，因为每次都要重开ie才可以看到修改后代码的效果，所以非常繁琐，也有可能产生“本来修改后代码可以的，但是由于ie缓存了所以你看到的只是修改之前的效果（那当然是错的了）”，对于这个ajax的运行错误，原因在于innerHTML,某些标签在ie浏览器下，是无法设置其innerHTML的。因为当你的ajax更新对象是这类标签时就会出错了，因此解决方法就很明确了：替换标签(推荐div)。