Wordpress PHP如何使用AJAX/JQUERY添加加载更多功能

function enqueue_scripts() {
    wp_enqueue_script('jquery');
}
add_action('wp_enqueue_scripts', 'enqueue_scripts');

jQuery(document).ready(function($) {
    var page = 2; // 初始页数
    var loading = false; // 是否正在加载

    $(window).scroll(function() {
        if ($(window).scrollTop() + $(window).height() >= $(document).height() - 200) {
            loadMoreData();
        }
    });

    function loadMoreData() {
        if (loading) return;
        loading = true;

        $.ajax({
            url: ajaxurl, // 后端处理AJAX请求的PHP文件路径
            type: 'post',
            data: {
                action: 'load_more_posts', // 后端处理AJAX请求的动作名称
                page: page
            },
            success: function(response) {
                if (response != '') {
                    // 更新页面内容
                    $('#content').append(response);
                    page++;
                    loading = false;
                }
            }
        });
    }
});

function load_more_posts() {
    $page = $_POST['page'];

    // 根据页数获取更多的文章或内容
    // ...

    // 返回数据
    echo $data;

    wp_die();
}
add_action('wp_ajax_load_more_posts', 'load_more_posts');
add_action('wp_ajax_nopriv_load_more_posts', 'load_more_posts');

<div id="content">
    <!-- 初始内容 -->
</div>

<button id="load-more">加载更多</button>

<script>
    jQuery(document).ready(function($) {
        $('#load-more').click(function() {
            loadMoreData();
        });

        function loadMoreData() {
            // 发送AJAX请求
            // ...
        }
    });
</script>