在单页面WordPress上发布两个ajax帖子

<?php
/*
Template Name: Custom Template
*/

get_header(); ?>

<div id="ajax-posts-container">
    <div id="post1"></div>
    <div id="post2"></div>
</div>

<?php get_footer(); ?>

jQuery(document).ready(function($) {
    $.ajax({
        url: '/wp-json/wp/v2/posts', // 替换为你的WordPress站点URL
        type: 'GET',
        data: {
            per_page: 2 // 获取两篇帖子
        },
        success: function(posts) {
            // 加载第一个帖子
            $.ajax({
                url: '/wp-json/wp/v2/posts/' + posts[0].id, // 替换为你的WordPress站点URL和第一个帖子的ID
                type: 'GET',
                success: function(post1) {
                    $('#post1').html('<h2>' + post1.title.rendered + '</h2><p>' + post1.content.rendered + '</p>');
                }
            });

            // 加载第二个帖子
            $.ajax({
                url: '/wp-json/wp/v2/posts/' + posts[1].id, // 替换为你的WordPress站点URL和第二个帖子的ID
                type: 'GET',
                success: function(post2) {
                    $('#post2').html('<h2>' + post2.title.rendered + '</h2><p>' + post2.content.rendered + '</p>');
                }
            });
        }
    });
});

function custom_enqueue_scripts() {
    wp_enqueue_script('custom-ajax', get_template_directory_uri() . '/custom-ajax.js', array('jquery'), '1.0', true);
}

add_action('wp_enqueue_scripts', 'custom_enqueue_scripts');