您好,欢迎来到12图资源库!分享精神,快乐你我!我们只是素材的搬运工!!
  • 首 页
  • 当前位置:首页 > 网站教程 > 建站经验 >
    ajax获取WordPress边栏信息(一)
    时间:2017-10-10 08:24 来源:网络整理 作者:网络 浏览:收藏 挑错 推荐 打印

    关于技术这种东西,一直觉得如今用的很多以后都是会被摒弃的,死抱着一棵救命稻草终究会被湮没在历史的激流之中。所以,某些技术只是拿来用用就可以了,内在一直不想去了解,大体上能完成功用即可。比如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>还木有载好</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部分的效果。

    ajax获取WordPress边栏信息(一)

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

    (责任编辑:admin)