對於技術這種東西,始終覺得現在用的很多以後都是會被摒棄的,死抱着一棵救命稻草終究會被湮沒在歷史的洪流之中。所以,某些技術只是拿來用用就可以了,內在始終不想去了解,大體上能完成功能即可。比如 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 ></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').click(function() {...} 。把 js 部分中的最後一句話 CP 到這裏面就完成鳥。具體見 ink 主題的邊欄 newcomments 和 Active Friends 部分的效果。

很久沒寫過代碼分享之類的東西了,面壁……