ajax 獲取 WordPress 邊欄資訊

對於技術這種東西，始終覺得現在用的很多以後都是會被摒棄的，死抱著一棵救命稻草終究會被湮沒在歷史的洪流之中。所以，某些技術只是拿來用用就可以
了，內在始終不想去了解，大體上能完成功能即可。比如 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 部分的效果。