Javascript 用于在wordpress中按类别过滤帖子的ajax

所以我的问题是，是否有人可以帮助我将以下内容转换为不需要刷新/重新加载页面的过滤器列表

我相信下面的答案是我能找到的最接近解决方案：在类别和wordpress循环上使用ajax

但是，我不确定在哪里实现代码。我在loop.php中使用了以下内容：

<div id="queryMenu">
<ul>
    <li><a href="#" id="business_work">Work</a></li>
    <li><a href="#" id="development_sustainability">Sustainability</a></li>
    <li><a href="#" id="education">Education</a></li>
    <li><a href="#" id="health_medecine">Medecine</a></li>
    <li><a href="#" id="human_rights">Human</a></li>
    <li><a href="#" id="law_order">Order</a></li>
    <li><a href="#" id="media_information">Information</a></li>
    <li><a href="#" id="nations">Nations</a></li>
    <li><a href="#" id="political_economy">Economy</a></li>
    <li><a href="#" id="research_innovation">Research</a></li>
    <li><a href="#" id="reset">All Posts</a></li>
</ul>

现在，如果我想像前面提到的那样应用代码，请在这里输入代码-在类别和wordpress循环中使用ajax-我应该将不同的代码片段放在哪里？是否有很多调整要做

非常感谢您的帮助

$（“#查询菜单ul li a”）。单击（函数（）{
$("#queryMenu ul li a").click(function(){
    var currentCategory = $(this).attr('id');
    $.ajax({
        type: 'post',
        url: 'ajax-category.php', //sometimes I'm using bloginfo to get current path: url: '<?php bloginfo('template_url'); ?>/ajax.php',
        data: {
            currentCategory: currentCategory
        },
        success: function(data) {
            console.log(data);
        }
    });
});

var currentCategory=$（this.attr（'id'）；
$.ajax({
键入：“post”，
url:'ajax category.php'，//有时我使用bloginfo获取当前路径：url:'/ajax.php'，
数据：{
currentCategory:currentCategory
},
成功：功能（数据）{
控制台日志（数据）；
}
});
});

ajax-category.php中必须包含哪些内容和位置？