提交表单 - 提交后缓存答案

【问题标题】：Submit form - cach after submited提交表单 - 提交后缓存
【发布时间】：2020-05-27 10:07:23
【问题描述】：

我正在尝试从 modal 发布表单。为了保留当前页面，我将帖子定位到 iFrame。

提交表单后触发哪个触发器？或者在发布后关闭模式的任何其他解决方案？ OnSubmit，如代码所示，不起作用。

        <div class="modal-body">
            <form method="post" id="modalForm" action="/Test/TestForm" target="myframe">
                <input type="text" name="id" required />
                <input type="text" name="name" required />
                <input type="submit" value="Post" onsubmit="alert('after post - close modal!');" />
            </form>
        </div>

【问题讨论】：

鉴于代码，我猜想 iframe onload 事件（并给你一些工作，直到有人可以提供明确的答案）。另一种方法是使用 ajax 将 $.post 发送到您的服务器。 onsubmit 在提交之前运行（因此您可以取消它，例如，如果表单无效/不完整）

标签： javascript html jquery asp.net-mvc

【解决方案1】：

您可以通过Ajax 发布表单并使用以下方法获取开始和结束请求：

<script> 
    $(document).ajaxStart(function () {
        //display loading, etc.
    });

    $(document).ajaxComplete(function () {
        //hide loading, etc.
    });        
</script>

【讨论】：