MVC 关于提交显示和隐藏微调器答案

【问题标题】：MVC on submit showing and hiding spinnerMVC 关于提交显示和隐藏微调器
【发布时间】：2019-02-24 09:10:54
【问题描述】：

MVC 表单

@using(Html.BeginForm("Student", "Manage", FormMethod.Post, new { id = "studentForm" }))

jQuery

 $("#studentForm").submit(function (e) {
           // showing loading  spinner here
 });

这里如何显示和隐藏加载微调器？上述jquery提交事件是否有成功和失败回调。请指教。谢谢！

【问题讨论】：

stackoverflow.com/a/30196610/4588756的可能重复
我认为它不是重复的。我想知道 jquery 提交事件的成功和失败事件。
How to do a Jquery Callback after form submit?的可能重复

标签： javascript c# jquery asp.net-mvc razor

【解决方案1】：

当您以这种方式提交表单时，会导致完整的页面回调到服务器。所以没有机会显示和隐藏微调器。如果你想要异步回调，最好使用 $.ajax，这样你就可以更好地控制进程生命周期。还有一个不错的插件，您可以更接近自己的方式使用：https://github.com/claviska/jquery-ajaxSubmit

【讨论】：

【解决方案2】：

我找到了答案：

$("#StudentForm").submit(function (event) {
            var isValid = $('#StudentForm').valid();
            if (isValid) {
                // Showing Spinner Here
            }
        });

谢谢！

【讨论】：