Bagaimana untuk Melaksanakan Siaran \'Muat Lagi\' Dikuasakan Ajax dalam WordPress?

Muat Lagi Siaran melalui Ajax dalam WordPress

Melaksanakan butang "Muat Lagi" untuk memuatkan siaran secara dinamik dalam WordPress memerlukan gabungan PHP dan JavaScript. Walaupun anda telah menggariskan pendekatan tertentu, mungkin terdapat faktor tambahan yang mempengaruhi kefungsian atau kecekapan kod anda. Berikut ialah penyelesaian yang disemak dan dipertingkatkan:

Penanda HTML:

<div>
<p><strong>Fail PHP Fungsi:</strong></p>
<pre class="brush:php;toolbar:false">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 Fungsi:

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);
    });
});

Pertimbangan Tambahan:

• Penapisan kategori: Anda boleh memasukkan penapisan kategori dengan menambahkan data atribut kepada butang "Muat Lagi" dengan ID kategori. Kemudian, dalam kod PHP, dapatkan ID kategori daripada tatasusunan $_POST dan masukkan parameter 'kucing' dalam hujah pertanyaan.
• Muatan Tak Terhingga: Untuk penatalan tak terhingga, anda boleh menggunakan acara tatal jQuery untuk memuatkan siaran secara automatik apabila pengguna menatal ke bawah halaman. Satu pendekatan ialah memuatkan siaran apabila jarak dari bahagian bawah halaman ke bahagian atas port pandangan adalah kurang daripada ambang, seperti 100 piksel.
• Penunjuk Pemuatan: Pertimbangkan untuk menambah memuatkan pemutar atau penunjuk untuk memberikan maklum balas visual kepada pengguna semasa siaran sedang dimuatkan.
• Ralat Pengendalian: Pastikan pengendalian ralat yang betul dalam kedua-dua kod PHP dan JavaScript untuk mengendalikan sebarang kemungkinan ralat yang mungkin berlaku semasa permintaan Ajax atau pemprosesan pos.