WordPress 4.3.16中wp_list_comments函数Ajax加载无显示问题求助

Hey there, let's work through this issue with your Ajax-powered comment load more button. The problem in older WordPress versions like 4.3.16 usually boils down to not properly setting up the comment query or missing critical global variables that wp_list_comments relies on. Here's how to fix it step by step:

1. Update Your Ajax Handler with Proper Setup #

Your current handler is likely missing key pieces to make wp_list_comments render correctly. Let's rewrite the misha_comments_loadmore_handler function to include all necessary components:

add_action('wp_ajax_cloadmore', 'misha_comments_loadmore_handler');
add_action('wp_ajax_nopriv_cloadmore', 'misha_comments_loadmore_handler');

function misha_comments_loadmore_handler() {
    // Security first: verify nonce to block unauthorized requests
    if (!isset($_POST['nonce']) || !wp_verify_nonce($_POST['nonce'], 'cloadmore_nonce')) {
        die('Invalid request');
    }

    // Fetch parameters from the Ajax request
    $post_id = intval($_POST['post_id']);
    $current_page = intval($_POST['page']);

    // Configure comment query to get the correct page of comments
    $comments_args = array(
        'post_id' => $post_id,
        'status' => 'approve',
        'paged' => $current_page,
        'order' => get_option('comment_order'), // Match your site's default comment order
        'orderby' => 'comment_date'
    );

    // Retrieve the comments
    $comments = get_comments($comments_args);

    if (!empty($comments)) {
        // Set global variables required by wp_list_comments in older WP versions
        global $comment, $post;
        $post = get_post($post_id); // Ensure the post object is properly loaded

        // Render comments using wp_list_comments
        wp_list_comments(array(
            'style' => 'div', // Use 'ol' or 'ul' if your theme uses a list layout
            'callback' => null, // Replace with your theme's custom comment callback if it exists
        ), $comments);
    } else {
        echo '<p>No more comments to load.</p>';
    }

    wp_die(); // Always end Ajax handlers with this to avoid extra output
}

2. Key Fixes Explained #

• Nonce Security: Added a nonce check to protect against malicious requests (you'll need to pass this nonce from your frontend code too).
• Explicit Comment Query: Used get_comments() with clear paged and post_id parameters to fetch the exact set of comments for the current page.
• Global Variables: Ensured $comment and $post are available—these are mandatory for wp_list_comments to work correctly in WordPress 4.3.x.
• Proper Termination: wp_die() stops extra output that could break your Ajax response.

3. Adjust Your Frontend Ajax Call #

Make sure your JavaScript passes all required parameters to the handler:

jQuery(document).on('click', '#load-more-comments', function(e) {
    e.preventDefault();
    const button = jQuery(this);
    const postId = button.data('post-id');
    const currentPage = button.data('page');

    jQuery.ajax({
        url: ajaxurl, // WordPress provides this global variable automatically
        type: 'POST',
        data: {
            action: 'cloadmore',
            post_id: postId,
            page: currentPage + 1,
            nonce: button.data('nonce')
        },
        beforeSend: () => button.text('Loading...'),
        success: (response) => {
            if (response) {
                jQuery('#comments-container').append(response);
                button.data('page', currentPage + 1);
                button.text('Load More Comments');
            } else {
                button.text('No More Comments').prop('disabled', true);
            }
        },
        error: () => button.text('Error loading comments')
    });
});

And your load more button should include these data attributes:

<button id="load-more-comments" 
        data-post-id="<?php echo get_the_ID(); ?>" 
        data-page="1" 
        data-nonce="<?php echo wp_create_nonce('cloadmore_nonce'); ?>">
    Load More Comments
</button>

4. Theme Compatibility Check #

If your theme uses a custom comment template function (look for something like my_theme_comment_callback in functions.php or comments.php), update the wp_list_comments call to use that callback:

wp_list_comments(array(
    'style' => 'div',
    'callback' => 'my_theme_comment_callback', // Replace with your theme's callback name
), $comments);

5. Debugging Tips for WP 4.3.16 #

• Check Comment Count: Add echo count($comments); right after fetching comments to confirm they're being retrieved.
• Inspect Ajax Response: Use your browser's dev tools to view the Ajax response—if it's empty, your query might be returning no comments.
• Disable Plugins: Temporarily turn off plugins to rule out conflicts, especially those that modify comment behavior.

内容的提问来源于stack exchange，提问作者Satyam Sagar