Javascript 如何使页面等待删除完成，然后刷新

我对使用javascript和ajax非常陌生。所以我有一个按钮，当点击时应该删除这个项目

<button type="submit" class="delete-button" data-id="{{ d_id }}">Delete</button>

---

我会使用布尔值来切换加载动画，并在删除发生后调用加载函数来刷新数据。你知道如何在页面上显示模式对话框吗？或者如何在处理ajax请求时隐藏/显示内容？@daddygames我有一个带有按钮的模式显示。我不知道如何显示/隐藏内容显示和隐藏内容很简单；特别是使用JQuery。只需$（'#content'）.hide（）来隐藏和$（'#content'）.show（）来显示。具有动画选项等。我的建议是，单击Delete按钮后，隐藏主要内容并显示加载程序。这可以在页面上，也可以在覆盖模式对话框中。一旦调用了ajax“done”方法，就可以执行刷新。

$(document).ready(function() {
    $(".delete-button").click(function () {
        var d_id = $(this).attr('d_id');
        $.ajax({
            type: "POST",
            url: "/delete/" + d_id
        }).done(function (data) {
            if (data === 'Deleted') {
                console.log("Deleted") 
            } else {
                console.log("Failed")
            }
        })
    });
});