ajax获取WordPress边栏信息

天外飘仙

　　对于技术这种东西，始终觉得现在用的很多以后都是会被摒弃的，死抱着一棵救命稻草终究会被湮没在历史的洪流之中。所以，某些技术只是拿来用用就可以
了，内在始终不想去了解，大体上能完成功能即可。比如jquery，几次想看看书里怎么写又觉得没什么用处，偶尔到图书馆看到中外这类的书籍若干，拿起来
又放下。终究是自己兴趣所在才有动力完成下去啊。
　　最近有俩同学问题我边栏种马回事……我沉思了若干秒，总结出目前用的这个叫jquery的ajax方式异步获取（自己随便写的名字 –  -|）的玩意。原型忘记是什么了，记得是 winy 那边的一个什么栗子……
首先我来举个栗子……栗子栗子栗子，每周都吃栗子。
　　1、首先要有加载jquery库；
　　2、在自己要载入的js文件里写入：

1. function ajaxs() {
   
2. $.ajax({
   
3. url: 'http://127.0.0.1/?action=ajax'， //域名换成你要用的
   
4. type: 'get',
   
5. beforeSend: function() {
   
6. var loading = '<span class="loadsidebar"></span>';
   
7. $('#hotposts').empty().html(loading) //显示loading啊神马的
   
8. },
   
9. error: function(a) {
   
10. $('#hotposts').hide().empty().html('<div style="text-align:center;padding-top:20px;">还木有载好</div>').fadeIn('fast')
    
11. }, //错误时输出神马
    
12. success: function(a) {
    
13. $('#hotposts').empty().html(a) //成功时输出神马
    
14. }
    
15. });
    
16. return false
    
17. };
    
18. ajaxs();
    
19. 3、在function.php文件里写入：
    
20. function AjaxLoad(){
    
21. if( isset($_GET['action'])){
    
22. if($_GET['action'] == 'ajax'){
    
23. echo 'Oh shit'; //你可以根据需要输出，比如输出最新评论，最新文章，最新妹子什么的
    
24. die;
    
25. }
    
26. //if($_GET['action'] == 'ajax'){
    
27. //如果理解的话，这样的代码还可以写出若干对吧？
    
28. }
    
29. }
    
30. add_action('init', 'AjaxLoad');

复制代码

顺利完成。
　　有了上面的模版，基本上要用到的功能都可以完成了，比如鼠标划过：$('#xxx').hover(function() {...}，比如点击某个地方：$('#ooo').click(function() {...}。把js部分中的最后一句话CP到这里面就完成鸟。具体见ink主题的边栏newcomments和Active Friends部分的效果。
　　
　　很久没写过代码分享之类的东西了，面壁……
转载请注明来源：Axiu’s blog
查看更多 wordpress教程 wordpress主题