> 此文为以后的 AJAX 文章作为铺垫,并不深入。举例介绍 Load 函数与页面载入完成后执行的方法。
> 然后提供了最新的 jQuery 库在各个 CDN 的托管地址,最后是 Low-Level-Ajax 方法的简单介绍。

一. jQuery 的准备工作:
> 首选的当然是谷歌的CDN,谷歌服务器的强大是毫无疑问的,嘿嘿,而且速度也不差,毕竟是CDN呢。
1 | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
> 当然啰,如果碰巧有微软控,那就加上这个吧 ╮(╯▽╰)╭。同时表示,童鞋,你木有的救了,信春哥吧。
1 | <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script> |
> 官网代码库,也有不少人载入呢,好像某次把官网服务器拖垮过,不过后来他们换了更强的服务器。
1 | <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> |
二. 页面载入完成才执行:
> jQuery 代码一般都写在这里面,这里面的代码是在页面载入完整之后才运行的,这样才正常嘛。
> 不然如果载入木有完成就要操作元素,那你叫 jquery 到哪里去找 ╮(╯▽╰)╭,估计它会疯掉,嘎嘎。
> 不过一定要注意自己的页面是否能够在用户能够容忍的时间内载入,否则你碰到的杯具就大了 (╯o╰)。
1 2 3 | $(document).ready(function(){ //代码,这里需要强大的代码,哇卡卡卡卡卡 }); |
三. Ajax - jQuery 的 Load 函数:
> jQuery 的 load 函数是一种简单的但是灰常强大的 AJAX 函数。它的语法如下 -
1 | $(selector).load(url,data,callback); |
> 下面是一个例子,首先是事件触发,触发的条件则是点击 ID 为 loadstart 的元素,这里是个按键。
> 然后将 ID 为 cont 的元素其中的内容替换为 test.txt 文件里面的内容。嘿嘿,JQ 就是简单。
1 2 3 4 5 | $(document).ready(function(){ $("#loadstart").click(function(){ $('#cont').load('test.txt'); }); }); |
> 演示传送门 - http://www.evlos.org/ev-box/demo/ajax_002/
> 当然啰,这个是 Test.txt 文件的地址 - http://www.evlos.org/ev-box/demo/ajax_002/test.txt
四. Low Level Ajax 方法:
> 嘿嘿,先简单介绍一下,文章太长不好。如果想要详细实例与解说,请听下回分解 o(* ̄▽ ̄*)ゞ。
1 2 3 4 5 6 7 8 9 10 11 12 13 | $(selector).load(url,data,callback) //把远程数据加载到被选的元素中 $.ajax(options) //把远程数据加载到 XMLHttpRequest 对象中 $.get(url,data,callback,type) //使用 HTTP GET 来加载远程数据 $.post(url,data,callback,type) //使用 HTTP POST 来加载远程数据 $.getJSON(url,data,callback) //使用 HTTP GET 来加载远程 JSON 数据 $.getScript(url,callback) //加载并执行远程的 JavaScript 文件 (selector) //jQuery 元素选择器语法 (url) //被加载的数据的 URL(地址) (data) //发送到服务器的数据的键/值对象 (callback) //当数据被加载时,所执行的函数 (type) //被返回的数据的类型 (html,xml,json,jasonp,script,text) (options) //完整 AJAX 请求的所有键/值对选项 |
五. 附言:
> @lucifierya: 啧啧 围观菊花 @rericy: 于是怎样!!! @lucifierya: @rericy 你这个头像 。。。
> 嘿嘿,又是推上的事儿。睡觉前看到的,话说这可怜的家伙,╮(╯▽╰)╭。头像硬是给人当成菊花了。
JQuery俺也没有研究过……
@dudo , 嘿嘿,小邪现在发现jq真是方便啊 ~
没明白
@FORECE , ╮(╯▽╰)╭,春哥会保佑你的 ~
JQuery 确实很强大……很好玩
@久酷 , 呵呵,还可以实现连续的动画 ~
最赞的就是局部刷新了嘎嘎 ~
文章可以写得更长些,哈哈
@久酷 , ╮(╯▽╰)╭,主要是写到结尾已经0:00了 ~
就撑不住鸟 ~ --\(˙<>˙)/--
下次再来看..
@mice , ╮(╯▽╰)╭,回头见 ~
我用.load来实现首页的无限分页,还没咋明白呢,还有一部分没写吧
.ajax的方法
@winy , 恩,来不及写 .ajax 方法鸟,昨天有点儿迟 ~
而且以前文章写得太长,结果评论都变成 “路过” 了 ~
担心要杯具鸟,所以就先这样,吊吊胃口,囧 ~
所以下一篇文章着重说明这个东东,嘿嘿 ~
每当看到小邪这样的文章我就头大,小白不懂啊不懂啊不懂啊……囧囧地飘过
@球犯 , ╮(╯▽╰)╭,蛋定,下回弄下例子程序玩玩 ~
@MOPVHS , 真开心对你有帮助 ~
ajax这一块真的很有潜力啊~
@小松 , 呵呵,人越来越懒鸟 ~
@邪 罗刹 , 我也是,整个暑假玩了一个月,愣是没去找工作~
@小松 , 囧,呵呵,当养精蓄锐吧 ~
jQ接触很少,以后向小邪学习啦。
@Hailo , 嘿嘿,大家互相学习咯 ~
loading一个PHP语句 怎么弄啊
@疾风 , 额,实际上,那个是jq的函数 ~
@Revolution , 呵呵,这次的vps可是蛮强力的喔 ·
方法不错,呵呵,期待详细实例与解说
@七七 , 一定尽快写好 ~
你居然说google速度差。。。打掉一个字吧?
@路人假 , 囧,不知道怎么少了一个字 ~
小邪向jQ进军,看来很快会产出好代码让我等CP
@zwwooooo , 小邪终于受不鸟诱惑了 ~
个人认为《锋利的jQuery》间接的推动了jQuery的发展,jQuery的优美确实让人陶醉
@N , 囧,小邪从来木有看过《锋利的jQuery》~
@邪 罗刹 , 因为那是入门的书籍啦,口碑挺好
@N , 喔喔,当时有听说过的,不过小邪很怕看书的说 ~
远程加josn曾恶心我数日~~~~
@hzlzh , 蛋定,蛋定蛋定,用jq来应该会好很多吧 ~
文章很长 今天太晚了 不看了 睡觉了先 呵呵
@签名 , 呵呵,早点睡哈 ~ 祝好梦 ~
学习了谢谢分享
@私爱 , 呵呵,很高兴对你有用 ~
不知为什么我上传的博客程序不能用啊
@私爱 , 啊?小邪不知道具体情况,无法判断额 ~
太牛了,貌似发现很多东西了
@hodz.cn , 呵呵,很开心对你有帮助呐 ~
嗯 一直在用这个 相当方便啊
@丕子 , 握手 ~