因此,我的网站上有一个表单按钮,一旦成功提交,将显示一个包含其他信息的弹出窗口(与此问题无关的信息)。
表单包含自动收集的最少信息,并且只是用户单击的单个按钮的形式。单击所述按钮后,将使用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来完成吗?