Javascript 如何从活动类中获取类别ID并传递到Post查询

如何从活动锚类获取类别id并将该id发送到post查询

我试图在博客标题中切换每个输出的单独类别链接的类，以便在单击时，它们将其cat id传递给后续的post查询

这样，blog标题中的活动类将只显示其相同类别的帖子，直到单击另一个链接类别

基本上，我已经在这方面工作了一段时间，但我无法解决它。我非常感谢您对必要的PHP和Javascript的帮助

我不熟悉PHP、Javascript和jQuery，在这个问题上找不到任何问题或教程

谢谢

    <!-- Page Content -->

    <div class="blog-header">
    <div id="blog-header-container">

                <?php $cats = get_categories();
                    foreach ($cats as $cat) {
                        $cat_id= $cat->term_id;?>

                        // Here are the individual category links

                        <?php echo "<a href='' class='blog-cat-list' id='tab-". 
                        $cat_id ."'><h4>" .$cat->name. "</h4></a>";
                   }
                ?>

                </ul>
                </div>
                </div>

                <div class="container" id="blog-container">
                <div class="row" id="all-posts-row">

                // Here is the post query

                <h3><?php $cat->name ?></h3>

                <?php 
                $paged = (get_query_var('paged')) ? get_query_var('paged') : 1;
                $args = array(
                        'posts_per_page' => 5, 
                        'paged' => $paged, 
                        'cat' => $cat_id );

                query_posts($args); ?>

                <!-- the loop -->

                <?php if ( have_posts() ) : while (have_posts()) : the_post(); 
                get_template_part( 'content', get_post_format() );
                endwhile; ?>

                <!-- pagination -->

                     <nav>
                     <ul class="pager">
                         <li><?php previous_posts_link( 'Newer Posts' ); ?></li>
                         <li><?php next_posts_link( 'Older Posts' ); ?></li>    
                    </ul>
                    </nav> 

                <?php else : ?>
                <!-- No posts found -->
                <?php endif; ?>
    </div> 
    </div>

//以下是各个类别的链接

//这是发帖查询

当您不想重新加载页面并仍然处理您的请求时，您需要使用Ajax调用。在进行ajax调用时，只需将您的类别ID传递给它。所以它看起来像这样

<a href="javascript:;" onclick="load(<?php echo $category_id; ?>)"><?php echo $category_name; ?></a>

---

您能详细说明一下AJAX如何将类别id传递给post查询的$args吗？@this_guy check$.AJAX方法由jquery提供

function loadCat(category_id){
    YOUR AJAX CALL
}