分享各种网络资源
是我乃至整个互联网的精髓所在
最新消息:站点开启被动注册模式,详情点击这里了解
 您目前所在位置: 站点首页 » WordPress » 代码 » WordPress 添加AJAX 分类/标签点赞
+

WordPress 添加AJAX 分类/标签点赞

WordPress 添加AJAX 分类/标签点赞-BanYuner

今天FA的博客又更新了一篇文章,文章是关于分类点赞的,鉴于我现在的WordPress版本是4.3.1,但是问题是这篇文章仅仅支持4.4,所以呢,我也无法测试这个效果了,大家可以自行尝试一下。

首先我附上代码,此段代码添加到functions.php中:

function wp_term_like( $preifx = null){
    global $wp_query;
    if(!is_tax() && !is_category() && !is_tag()) return ;
    $tax = $wp_query->get_queried_object();
    $id = $tax->term_id;
    $num = get_term_meta($id,'_term_like',true) ? get_term_meta($id,'_term_like',true) : 0;
    $active = isset($_COOKIE['_term_like_'.$id]) ? ' is-active' : '';
    $output = '<button class="button termlike' . $active . '" data-action="termlike" data-action-id="' . $id . '">' . $prefix . '<span class="count">' . $num . '</span></button>';
    echo $output;
}

add_action('wp_ajax_nopriv_termlike','wp_term_like_callback');
add_action('wp_ajax_termlike','wp_term_like_callback');
function wp_term_like_callback(){
    $id = $_POST['actionId'];
    $num = get_term_meta($id,'_term_like',true) ? get_term_meta($id,'_term_like',true) : 0;
    $domain = ($_SERVER['HTTP_HOST'] != 'localhost') ? $_SERVER['HTTP_HOST'] : false; // make cookies work with localhost
    setcookie('_term_like_'.$id,$id,$expire,'/',$domain,false);
    update_term_meta($id,'_term_like',$num + 1);
    echo json_encode(array(
        'status'=>200,
        'data'=> $num + 1,
        ));
    die;
}

接下来就是需要添加到js文件中的,但是这个js文件一般都是在custome.js中的:

jQuery(document).on("click", ".termlike", function() {
    var _self = jQuery(this);
    if (_self.hasClass('is-active')) {
        alert('您已经赞过啦')
    } else {
        _self.addClass('is-active');
        jQuery.ajax({
            url: /wp-admin/admin-ajax.php,//注意你的该文件路径
            data: _self.data(),
            type: 'POST',
            dataType: "json",
            success: function(data) {
                if (data.status === 200) {
                    _self.find('.count').html(data.data)
                } else {
                    alert('服务器正在努力找回自我')
                }
            }
        })
    }
});

接下来就是添加调用代码了,调用位置这个大家自己定义吧,但是原作者说了:

在对应归档页面使用下面代码,如在其他地方调用则不会有任何输出。

所以大家还是测试一下吧:

<?php wp_term_like();?>

我从原作者博客截取了一个效果图,大家可以看看:
WordPress 添加AJAX 分类/标签点赞-BanYuner

关注我们 打赏 分享此文

微信扫码,关注我们

扫码,支持我

WordPress 添加AJAX 分类/标签点赞

支付宝(点击图片切换)

扫码,支持我

WordPress 添加AJAX 分类/标签点赞

微信(点击图片切换)

扫码,手机看

WordPress 添加AJAX 分类/标签点赞
匿名

个人评价:┃草根博主┃站点无技术含量┃文章内容不够吸引人┃转载内容随处可见┃资源均来自网络┃ 分享是我的宗旨,也是这个站点存在意义,分享的东西你现在可能不需要,但是我相信只要在某个时间你需要的时候能在这里找到,那么我就是成功的

相关推荐

  • WordPress添加评论内容字数限制

    WordPress添加评论内容字数限制

    很久之前我们介绍过,如何添加文章内容字数限制,有兴趣的可以去了解一下: 那么今天给大家介绍的是,如何给WordPress评论内容中添加字数限...

    点击查看
  • Giphypress-WordPress文章内容中添加GIF图片

    Giphypress-WordPress文章内容中添加GIF图片

    看了标题之后,千万不要关闭这个页面,因为这个页面里面的内容可能跟你了解的不一样。 我们都知道 WordPress 可以通过添加媒体来上传 G...

    点击查看
  • 如何自定义WordPress登陆页面背景

    如何自定义WordPress登陆页面背景

    这个功能是一个小功能,但是就我了解到的,目前还是有很大一部分主题都是使用的了这个功能的,所以这里还是简单的介绍一下实现方法。 首先我们看到登...

    点击查看
WordPress 添加AJAX 分类/标签点赞
9 + 8 =
  • 昵称 (必填)  
  • 邮箱 (必填)
  • 网址 (选填)