在WordPress中使用jQuery拉取随机横幅图像

function custom_scripts() {
    wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom.js', array('jquery'), '1.0', true );
    wp_localize_script( 'custom-script', 'custom_vars', array(
        'ajax_url' => admin_url( 'admin-ajax.php' )
    ));
}
add_action( 'wp_enqueue_scripts', 'custom_scripts' );

function load_random_banner() {
    $args = array(
        'post_type' => 'attachment',
        'post_mime_type' => 'image',
        'posts_per_page' => 1,
        'orderby' => 'rand'
    );
    $query = new WP_Query( $args );
    if ( $query->have_posts() ) {
        while ( $query->have_posts() ) {
            $query->the_post();
            $image_src = wp_get_attachment_image_src( get_the_ID(), 'full' );
            echo $image_src[0];
        }
    }
    wp_reset_postdata();
    die();
}
add_action( 'wp_ajax_load_random_banner', 'load_random_banner' );
add_action( 'wp_ajax_nopriv_load_random_banner', 'load_random_banner' );

jQuery(document).ready(function($) {
    $.ajax({
        url: custom_vars.ajax_url,
        type: 'POST',
        data: {
            action: 'load_random_banner'
        },
        success: function(response) {
            $('.banner-container').html('<img src="' + response + '">');
        }
    });
});

<div class="banner-container"></div>