在 WordPress 中通過 Ajax 加載更多帖子

在 WordPress 中實現(xiàn)“加載更多”按鈕來動態(tài)加載帖子需要 PHP 和JavaScript。雖然您已經(jīng)概述了特定方法，但可能還有其他因素會影響代碼的功能或效率。這是修訂和增強的解決方案：

HTML 標記：

<div>

函數(shù) PHP 文件：

function more_post_ajax() {
    $offset = $_POST["offset"];
    $ppp = $_POST["ppp"];

    header("Content-Type: text/html");
    $args = [
        'suppress_filters' => true,
        'post_type' => 'post',
        'posts_per_page' => $ppp,
        'cat' => 1,
        'offset' => $offset,
    ];

    $loop = new WP_Query($args);

    while ($loop->have_posts()) {
        $loop->the_post();
        the_content();
    }
    exit;
}

add_action('wp_ajax_nopriv_more_post_ajax', 'more_post_ajax');
add_action('wp_ajax_more_post_ajax', 'more_post_ajax');

wp_localize_script(
    'twentyfifteen-script',
    'ajax_posts',
    array(
        'ajaxurl' => admin_url('admin-ajax.php'),
        'noposts' => __('No older posts found', 'twentyfifteen'),
    )
);

jQuery功能：

var ppp = 3; // Posts per page
var page = 5; // Current page number, starting from 1

$('#more_posts').click(function() {
    $('#more_posts').attr('disabled', true);
    var offset = (page * ppp) + 1;

    $.post(
        ajax_posts.ajaxurl,
        {
            action: 'more_post_ajax',
            offset: offset,
            ppp: ppp,
        }
    ).success(function(posts) {
        page++;
        $('#ajax-posts').append(posts);
        $('#more_posts').attr('disabled', false);
    });
});

其他注意事項：

• 類別過濾：您可以通過添加數(shù)據(jù)來合并類別過濾屬性到帶有類別 ID 的“加載更多”按鈕。然后，在 PHP 代碼中，從 $_POST 數(shù)組中檢索類別 ID，并在查詢參數(shù)中包含“cat”參數(shù)。
• 無限加載： 對于無限滾動，您可以使用當用戶向下滾動頁面時，jQuery 的滾動事件會自動加載帖子。一種方法是當頁面底部到視口頂部的距離小于閾值（例如 100 像素）時加載帖子。
• 加載指示器：考慮添加加載微調(diào)器或指示器，以便在加載帖子時向用戶提供視覺反饋。
• 錯誤處理：確保正確的錯誤處理PHP 和 JavaScript 代碼都用于處理 Ajax 請求或后期處理期間可能發(fā)生的任何潛在錯誤。

以上是如何在 WordPress 中實現(xiàn) Ajax 支持的'加載更多”帖子？的詳細內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！