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

时间:2014-07-23 05:43:16

标签: javascript php jquery ajax wordpress

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

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

非常感谢您的帮助!

1 个答案:

答案 0 :(得分: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);
        }
    });
});