在表单提交后显示弹出窗口而不执行任何操作

Question

因此，我的网站上有一个表单按钮，一旦成功提交，将显示一个包含其他信息的弹出窗口（与此问题无关的信息）。

表单包含自动收集的最少信息，并且只是用户单击的单个按钮的形式。单击所述按钮后，将使用jQuery显示弹出确认。在此弹出确认中确认/取消提交后，用户的页面刷新并且按钮消失（如果已确认）或简单地退出该框而没有提交（如果取消）。同样，我想要一个新的弹出框，只有在确认后和页面刷新后才会出现。

到目前为止我的相关代码：

<form action="" method="post" class="delivery-confirm-frm">
      <input type="hidden" name="order_id" value="<?php echo $_order->getIncrementId(); ?>" />
      <input type="button" value="Confirm" class="delivery-confirm" />
</form>
<script>
var $jj = jQuery.noConflict();
$jj(document).ready(function () {
    $jj('.delivery-confirm').on('click', function () {
        var _this = $jj(this);
        $jj.confirm({
            title: 'Confirm!',
            content: 'Are you sure? Once confirmed, you cannot dispute this transaction.',
            buttons: {
                confirm: function () {
                    _this.closest('form').submit();

                },
                cancel: function () {

                }
            }
        });
    });
});
</script>

这需要AJAX来完成吗？