jQuery 结束笔记：ajax
28 Oct 2011Maximilian的版本，深入骨髓的声音，心脏也跟着紧蹙不安了，You’re so fuckin’ special.
好吧，willin童鞋给我说想弄ajax先学jQuery，我这学了一个月，感觉差不多了，也没那么多时间看了。
等有机会把这个模板改版，添加局部刷新。
下边的ajax demo童鞋们可以玩玩。
把下边的 ‘a’ 通过选择器改一下，就能放到自己的小站体验一把局部刷新的快感了。
先暂停吧，jQuery，我要去找数据结构了。再会。
01 jQuery(document).ready(function($){
02 $body = (window.opera) ? (document.compatMode == “CSS1Compat” ? $(‘html’) : $(‘body’)) : $(‘html,body’);
03 /* AJAX Demo */
04 $(‘ a’).live(‘click’,function(){
05 //动画效果添加处 [1] ，点击后马上触发
06 //Animation [1] just after Click Method, Add Codes Here
07 $(‘#content’).empty().append(‘<div id=”ajax_loader”><div id=”ajax_text”>Loading…</div></div>’);
08 $.ajax({ //ajax begin,开始ajax
09 url: $(this).attr(‘href’),
10 data:‘do=ajax’,
11 type:‘POST’,
12 beforeSend:function(){
13 //动画效果添加处 [2] ，在"开始Ajax获取数据"后执行
14 //Animation [2] Before Ajax Sending
15 },
16 success:function(data){ //On success 成功的话（ data 可以自定义的）
17 $(‘#ajax_loader’).fadeOut(‘fast’,function(){
18 $(‘#content’).empty().html(data);
19 });
20 //动画效果添加处 [3] ，成功获取数据之后执行
21 //Animation [3] Success
22 $body.animate({scrollTop:$(‘#content’).offset().top},);
23 },
24 error: function(){
25 // if Error occurred Codes for Tips here
26 // 失败提示代码
27 $(‘#content’).empty().html(‘Error 出错啦~’);
28
29 }
30 }); //ajax结束
31 return false;
32 }); //点击事件结束
33 });
02 $body = (window.opera) ? (document.compatMode == “CSS1Compat” ? $(‘html’) : $(‘body’)) : $(‘html,body’);
03 /* AJAX Demo */
04 $(‘ a’).live(‘click’,function(){
05 //动画效果添加处 [1] ，点击后马上触发
06 //Animation [1] just after Click Method, Add Codes Here
07 $(‘#content’).empty().append(‘<div id=”ajax_loader”><div id=”ajax_text”>Loading…</div></div>’);
08 $.ajax({ //ajax begin,开始ajax
09 url: $(this).attr(‘href’),
10 data:‘do=ajax’,
11 type:‘POST’,
12 beforeSend:function(){
13 //动画效果添加处 [2] ，在"开始Ajax获取数据"后执行
14 //Animation [2] Before Ajax Sending
15 },
16 success:function(data){ //On success 成功的话（ data 可以自定义的）
17 $(‘#ajax_loader’).fadeOut(‘fast’,function(){
18 $(‘#content’).empty().html(data);
19 });
20 //动画效果添加处 [3] ，成功获取数据之后执行
21 //Animation [3] Success
22 $body.animate({scrollTop:$(‘#content’).offset().top},);
23 },
24 error: function(){
25 // if Error occurred Codes for Tips here
26 // 失败提示代码
27 $(‘#content’).empty().html(‘Error 出错啦~’);
28
29 }
30 }); //ajax结束
31 return false;
32 }); //点击事件结束
33 });
转载请注明：于哲的博客 » jQuery 结束笔记：ajax