javascript - ajax 用于在 WordPress 中按类别过滤帖子

Question

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

我相信以下答案是我能得到的最接近的解决方案:在类别和 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 - 我应该在哪里放置不同的代码片段，是否需要进行大量调整？

预先非常感谢您的帮助!

Answer 1

$("#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);
        }
    });
});