我一直在研究如何使用AJAX进行循环。我在网上找到了一些代码并修改了一些部分，但我似乎无法使其正常工作。

这是我的循环代码：

<article id="main" class="five seventh padded">
<?php

$categories = get_categories(); ?>

<ul id="category-menu">
    <?php foreach ( $categories as $cat ) { ?>
    <li id="cat-<?php echo $cat->term_id; ?>"><a class="<?php echo $cat->slug; ?> ajax" onclick="cat_ajax_get(\'<?php echo $cat->term_id; ?>\');" href="#"><?php echo $cat->name; ?></a></li>

    <?php } ?>
</ul>
<div id="loading-animation" style="display: none;"><img src="<?php echo admin_url ( \'images/loading-publish.gif\' ); ?>"/></div>
<div id="category-post-content">
    <?php add_action( \'wp_ajax_nopriv_load-filter\', \'prefix_load_cat_posts\' );
        add_action( \'wp_ajax_load-filter\', \'prefix_load_cat_posts\' );
        function prefix_load_cat_posts () {
            $cat_id = $_POST[ \'cat\' ];
                 $args = array (
                \'cat\' => $cat_id,
                \'posts_per_page\' => 10,
                \'order\' => \'DESC\'

            );

            $posts = get_posts( $args );

            ob_start ();

            foreach ( $posts as $post ) {
            setup_post_data( $post ); ?>


<article class="post">
    <!-- Display the Title as a link to the Post\'s permalink. -->
    <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
    <!-- Display the date (November 16th, 2009 format) and a link to other posts by this posts author. -->
    <div class="row pad-bottom">
    <!-- Display a comma separated list of the Post\'s Categories. -->
    <small class="postmetadata pull-left"><?php the_category(\', \'); ?></small>
    <small class="date pull-left"> Posted by <?php the_author_posts_link() ?> on <?php the_time(\'F jS, Y\') ?></small>

    </div>
    <!-- Display the Post\'s content in a div box. -->
    <article id="entry">
        <?php the_content(\'Read More here...\'); ?>
    </article>
</article> <!-- closes the first div box -->
<!-- Stop The Loop (but note the "else:" - see next line). -->
 <?php } wp_reset_postdata();

       $response = ob_get_contents();
       ob_end_clean();

       echo $response;
       die(1);
       }
       ?>

</div>
<script>
function cat_ajax_get(catID) {
    jQuery("a.ajax").removeClass("current");
    jQuery("a.ajax").addClass("current"); //adds class current to the category menu item being displayed so you can style it with css
    jQuery("#loading-animation-2").show();
    var ajaxurl = \'http://localhost/united/wp-admin/admin-ajax.php\';
    jQuery.ajax({
        type: \'POST\',
        url: ajaxurl,
        data: {"action": "load-filter", cat: catID },
        success: function(data) {
            console.log(data);
        }
    });
}
</script>


</article>

更新：现在可以了。对于未来的参与者来说，这是：在函数中。php

<?php add_action( \'wp_ajax_nopriv_load-filter\', \'prefix_load_cat_posts\' );
        add_action( \'wp_ajax_load-filter\', \'prefix_load_cat_posts\' );
        function prefix_load_cat_posts () {
            $cat_id = $_POST[ \'cat\' ];
                 $args = array (
                \'cat\' => $cat_id,
                \'posts_per_page\' => 10,
                \'order\' => \'DESC\'

            );

            $posts = get_posts( $args );
                    global $post;

            ob_start ();

            foreach ( $posts as $post ) {
            setup_postdata( $post ); ?>


<article class="post">
    <!-- Display the Title as a link to the Post\'s permalink. -->
    <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
    <!-- Display the date (November 16th, 2009 format) and a link to other posts by this posts author. -->
    <div class="row pad-bottom">
    <!-- Display a comma separated list of the Post\'s Categories. -->
    <small class="postmetadata pull-left"><?php the_category(\', \'); ?></small>
    <small class="date pull-left"> Posted by <?php the_author_posts_link() ?> on <?php the_time(\'F jS, Y\') ?></small>

    </div>
    <!-- Display the Post\'s content in a div box. -->
    <article id="entry">
        <?php the_content(\'Read More here...\'); ?>
    </article>
</article> <!-- closes the first div box -->
<!-- Stop The Loop (but note the "else:" - see next line). -->
 <?php } wp_reset_postdata();

       $response = ob_get_contents();
       ob_end_clean();

       echo $response;
       die(1);
       }
       ?>

<article id="main" class="five seventh padded">
<?php

$categories = get_categories(); ?>

<ul id="category-menu">
    <?php foreach ( $categories as $cat ) { ?>
    <li id="cat-<?php echo $cat->term_id; ?>"><a class="<?php echo $cat->slug; ?> ajax" onclick="cat_ajax_get(\'<?php echo $cat->term_id; ?>\');" href="#"><?php echo $cat->name; ?></a></li>

    <?php } ?>
</ul>
<div id="loading-animation" style="display: none;"><img src="<?php echo admin_url ( \'images/loading-publish.gif\' ); ?>"/></div>
<div id="category-post-content">


</div>
<script>
function cat_ajax_get(catID) {
    jQuery("a.ajax").removeClass("current");
    jQuery("a.ajax").addClass("current"); //adds class current to the category menu item being displayed so you can style it with css
    jQuery("#loading-animation-2").show();
    var ajaxurl = \'http://localhost/united/wp-admin/admin-ajax.php\';
    jQuery.ajax({
        type: \'POST\',
        url: ajaxurl,
        data: {"action": "load-filter", cat: catID },
        success: function(response) {
            jQuery("#category-post-content").html(response);
            jQuery("#loading-animation").hide();
            return false;
        }
    });
}
</script>


</article>