全國免費熱線:
ajax獲取WordPress邊欄信息
作者:中國IT實驗室 點擊:14198次 日期:2012-09-14
字號::T | T
歡迎進入Java社區論壇,與200萬技術人員互動交流 >>進入

    對于技術這種東西,始終覺得現在用的很多以后都是會被摒棄的,死抱著一棵救命稻草終究會被湮沒在歷史的洪流之中。所以,某些技術只是拿來用用就可以了,內在始終不想去了解,大體上能完成功能即可。比如jquery,幾次想看看書里怎么寫又覺得沒什么用處,偶爾到圖書館看到中外這類的書籍若干,拿起來又放下。終究是自己興趣所在才有動力完成下去啊~

    最近有倆同學問題我邊欄種馬回事……我沉思了若干秒,總結出目前用的這個叫jquery的ajax方式異步獲取(自己隨便寫的名字 ? -|)的玩意。原型忘記是什么了,記得是 winy 那邊的一個什么栗子……

    首先我來舉個栗子……栗子栗子栗子,每周都吃栗子。

    1、首先要有加載jquery庫;

    2、在自己要載入的js文件里寫入:

    function ajaxs() {

    $.ajax({

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

    type: 'get',

    beforeSend: function() {

    var loading = '';

    $('#hotposts')。empty()。html(loading)  //顯示loading啊神馬的

    },

    error: function(a) {

    $('#hotposts')。hide()。empty()。html('

還木有載好
')。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部分的效果。

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

    上一次的文章可能說的太含糊了,所以部分朋友提出了一些疑問(我太偷懶了),所以經過很很長時間的考慮,終于決定在今天寫第二部分。相對于前一篇,本篇是威力加強版,增加的內容主要有:1、如何輸入兩個參數;2、提供完整的代碼。歡迎繼續觀看。

    上篇鏈接:ajax獲取WordPress邊欄信息(一)

    jQuery官方給出的ajax的例子不再敘述,相信很多同學由于英語或者其他原因,看了也是有點不太明白腫么回事。我這里主要說說在WordPress里怎樣通過它來控制側邊欄的異步獲取和輸出,就像前一篇所說的那樣。還有某些朋友好奇的:目前的ink主題側欄的點擊某項目才調取相關內容。關于這個依然需要3個步驟:

    1、function.php里寫入相應的函數

    function AjaxLoad(){

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

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

    if($_GET['page'] == 'pagenum2'){

    echo '

    ';


        get_most_viewed('',8,0 ,0 ,' 次瀏覽');//這個相信都知道是什么吧……被瀏覽最多的文章

        echo '

';

    }

    else{

    echo '

    ';


        get_archives('postbypost', 8);

        echo '

';

    }

    die;

    }

    }

    }

    addaction('init', 'AjaxLoad');

[1] [2] 下一頁

發表評論

昵稱 * 驗證碼 * 驗證碼
上一篇: Eclipse的Tomcat插件安裝
下一篇: >使用java編寫排序算法

資質證書

CMMI Ⅲ APPRAISAL ID:30062
ISO9001:08915Q20090ROS
ISO27001:04817I20037R0S
高新技術企業:GR201753000141
網站問題免費診斷

電子商務三位一體發展戰略

技術研發

業務培訓

實戰運營

戰略布局

香港六合彩结果