会员登录 | 会员注册 | 意见建议 | 网站地图

站长资源综合门户

当前位置:首页 > 站长学院 > 建站经验 > ajax获得WordPress边栏信息(一)

ajax获得WordPress边栏信息(一)

时间:2011-12-29 16:04:30   作者:   来源:   点击:

对手艺这种东西,始终感觉现在用的很多以后都是会被摒弃的,死抱着一棵救命稻草终究会被湮没在汗青的大水之中。所以,某些手艺只是拿来用用便可以了,内在始终不想去体会,年夜体上能完成功能便可。比如jquery,几次想看看书里怎么写又感觉没什么用处,偶尔到图书馆看到中外这类的书籍若干,拿起来又放下。终究是自己兴趣所在才有动力完成下去啊。

最近有俩同学问题我边栏种马回事……我寻思了若干秒,总结出目前用的这个叫jquery的ajax体例异步获得(自己随便写的名字 – -|)的玩意。原型忘记是什么了,记得是 winy 那边的一个什么栗子……

首先我来举个栗子……栗子栗子栗子,每周都吃栗子。

1、首先要有加载jquery库;

2、在自己要载入的js文件里写入:

function ajaxs() {

$.ajax({

url: 'http://127.0.0.1/?action=ajax', //域名换成你要用的

type: 'get',

beforeSend: function() {

var loading = '<span class="loadsidebar"></span>';

$('#hotposts').empty().html(loading) //显示loading啊神马的

},

error: function(a) {

$('#hotposts').hide().empty().html('<div style="text-align:center;padding-top:20px;">还木有载好</div>').fadeIn('fast')

}, //毛病时输出神马

success: function(a) {

$('#hotposts').empty().html(a) //成功时输出神马

}

});

return false

};

ajaxs();

3、在function.php文件里写入:

function AjaxLoad(){

if( isset($_GET['action'])){

if($_GET['action'] == 'ajax'){

echo 'Oh shit'; //你可以按照需要输出,比如输出最新评论,最新文章,最新妹子什么的

die;

}

//if($_GET['action'] == 'ajax'){

//如果理解的话,这样的代码还可以写出若干对吧?

}

}

add_action('init', 'AjaxLoad');

顺利完成。

有了上面的模版,根基上要用到的功能都可以完成了,比如鼠标划过:$('#xxx').hover(function() {...},比如点击某个处所:$('#ooo')(function() {...}。把js部分中的最后一句话CP到这里面就完成鸟。具体见ink主题的边栏newcomments和Active Friends部分的效果。

好久没写过代码分享之类的东西了,面壁……

转载请注明来历:Axiu’s blog

分享到:

网友评论

热门建站经验