在Wordpress中更新后随机化器而无需页面重新加载

Question

我目前正在从事一个项目，在该项目中我向用户提供了随机的简短创意摘要。我在Wordpress中创建了自定义帖子类型，每次重新加载页面时，网站上都会生成一个新的随机摘要。我想要一个“给我一个新的简短摘要”按钮，以便用户不必重新加载页面。编写摘要的功能如下：

function wpb_rand_posts() { 
$args = array(
'post_type' => 'brief',
'orderby'   => 'rand',
'posts_per_page' => 1, 
);
$the_query = new WP_Query( $args );
if ( $the_query->have_posts() ) {
$string = '<div class="brief-generator" id="result">';
    while ( $the_query->have_posts() ) {
    $the_query->the_post();
    $string .= '<h1>'. get_the_title() .'</h1>';
    }
    $string .= '</div>';
    $string .= '<button id="loadNew">Load New Brief</button>';
/* Restore original Post Data */
wp_reset_postdata();
} else {
$string .= 'no posts found';
}
return $string; 
} 
add_shortcode('random-posts','wpb_rand_posts');
add_filter('widget_text', 'do_shortcode');

实时网站（正在开发中）：wwww.briefr.se 希望描述不要太含糊。谢谢！