Javascript 刷新以显示新的/随机分类法

我在我的Wordpress主题上有一个区域，在那里我显示了关于随机分类法的信息。基本上，分类法是“剧作家”，我在主页上展示了一个随机的分类法。以下是HTML：

<div id="home-top-right">
    <?php
    $allpw = get_terms( 'playwrights', 'hide_empty=0' );
    $randpw = $allpw[ array_rand( $allpw ) ];
    $randpw = get_term($randpw->term_id, 'playwrights');
    $pwlink = get_term_link($randpw->term_id, 'playwrights');
    ?>

    <div class="title">
    Playwright Spotlight
    <li class="fa fa-refresh refresh"></li>
    </div>
    <div class="content" id="p-spotlight">
        <?php if (get_field('image', 'playwrights_'.$randpw->term_id)) { ?>
        <div class="thumb">
            <?php $imageid = get_field('image', 'playwrights_'.$randpw->term_id); ?>
            <a href="<?php echo $pwlink; ?>">
            <?php echo wp_get_attachment_image($imageid, 'pwthumb'); ?>
            </a>
        </div>
        <?php } ?>
        <div class="text">
            <div class="sub-title">
            <a href="<?php echo $pwlink; ?>"><?php echo $randpw->name; ?></a>
            </div>
        <?php echo print_excerpt('', '200'); ?>

        </div>
    </div>
</div>

剧作家聚光灯

我希望能够单击一个按钮（在代码中，它是

标记），并使用新的随机分类术语（剧作家）重新加载该部分（而不是整个页面）。我对JS/jquery不是很在行，我也无法在网上找到一个教程，让我知道我需要去哪里，特别是考虑到post数据和JS函数之间的交换

---

我应该怎么做呢？

默认情况下，WordPress有一个admin-ajax.php文件，您可以将ajax调用发送到该文件。您可以创建一个链接到您自己的自定义函数的钩子，在这个钩子中，您可以执行您想要的操作，例如获取随机项并将其发送回客户端。 然后可以将一个值传递给AJAX调用，称为“action”。当admin-ajax.php收到带有“钩住”操作的POST请求时，将执行自定义函数

有关更详细的说明，请查看以下链接：

---

谢谢，这给了我一个很好的起点。如果我成功地完成了这个项目，我将用一个代码示例发回。