单击按钮时Ajax显示调用

所以我有这个页面列出了一些设备，我需要所有设备/密码的清单。我做了一个页面，我有一个显示按钮等。我不清楚的是，我如何在开始时将密码显示为"***********"，并在单击时通过ajax调用php函数来进行查询，然后用实际密码替换"***********"。

到目前为止，我得到的是：

<?php
    if (!empty($passwords)) {
        echo '<ul class="list-group">';
        foreach ($passwords as $password) {
            echo '<li class="list-group-item">';
            echo "<p>Name: $password->name</p>";
            echo "<p>Details: $password->details</p>";
            echo '<button type="button" name="' . $password->ID . '" class="btn-xs btn btn-theme">Reveal</button>' . "<span class='pass_hidder'>********</span></li>";
        }
    } else {
        echo '<li class="list-group-item">Name: No password set</li>';
    }
?>

我不太擅长ajax，所以我真的不知道下一步该怎么做。在询问之前，我发现了一些有用的帖子，但并不是我所希望的。任何提示都将非常有用，非常感谢！