带有下一个和上一个按钮的wordpress ajax加载帖子

Question

我尝试执行ajax发布后加载，但收到错误消息“加载资源失败：服务器响应，状态为403（禁止）。”我在这里搜索带有下一个和上一个按钮的WordPress ajax帖子加载。有一些帖子，但链接无效。

如果有人可以帮助我，并指导我如何以正确的方式和安全措施加以照顾，请加以保护。

这里是图像参考，有助于您更好地理解：

我确定我必须使用此代码

<div class="pagination_style">
            <?php     
            the_posts_pagination(array (
                        'prev_text'     => __( 'PREV' ),
                        'next_text'     => __( 'NEXT' ),                                   
                        'screen_reader_text' => __( ' ' ),                                  
                     ));    
                     ?>
                    </div>

但不确定如何在Ajax中使用

我的代码是：

******** Function.php ********

function uknp_scripts() {
// wp_enqueue_style( 'uknp-style', get_stylesheet_uri() );

wp_enqueue_script( 'uknp-navigation', get_template_directory_uri() . 
'/js/customjs.js', array('jquery'), '0.01', true );
}
add_action( 'wp_enqueue_scripts', 'uknp_scripts' );
require get_template_directory().'/inc/ajaxpost.php';

******** Ajaxpost.php ********

<?php 

add_action ('wp_ajax_nopriv_load_more', 'load_more');
add_action ('wp_ajax_load_more', 'load_more');

function load_more(){
$paged = $_POST["page"];
echo $paged;

die();
}

******** Customjs.js ********

jQuery(document).ready(function()

{
// Admin Ajax Function
$(document).on('click','.load_more', function(){
    var page = $(this).data('page');
    var ajaxurl = $(this).data('url');

    $.ajax({
        url : ajaxurl,
        type :'post',
        data : {
            page : page,
            action: 'load_more',
        },
        error : function(response){
            console.log(response);
        },
        success : function(response){
            $('.post_container').append(response);
            // console.log(response);
        }
        });
        console.log(page);
    });
});

******** index.php ********

<?php if ( have_posts() ) : ?>

            <?php twentyeleven_content_nav( 'nav-above' ); ?>

            <?php /* Start the Loop */ ?>
            <div class="post_container">
            <?php
            while ( have_posts() ) :
                the_post();
  ?>

                <?php get_template_part( 'content', get_post_format() ); ? 
>

            <?php endwhile; ?>
            </div>
            <?php // twentyeleven_content_nav( 'nav-below' ); ?> 
            <button class="load_more" date-page="1" data-url="<php echo admin_url('admin-ajax.php');?>">Load more..</button>

        <?php else : ?>

我也尝试用控制台记录值，但一无所获。