Question

当我点击保存按钮显示消息“您的数据正在保存时，我想创建一个启动画面。请稍候......”。我使用MVC 5进行开发。

下面我创建了一个div：

<div id="divSplash" style="margin: 0px; padding: 0px; position: fixed; right: 0px;
top: 0px; width: 100%; height: 100%; background-color: #ffffff; display:none">
<p style="position: absolute; top: 30%; left: 45%; color: White;">
    Your data are being save. Please wait...<img src="../../Images/ajax-loading.gif">
</p>
</div>

真的很感激你的家伙可以帮忙解决它。谢谢。

Answer 1

您需要进行ajax调用并使用以下内容：

$.getJson()("/ap/...,
 function(data){
//logic here
$("#divSplash").show();
//do processing
$("#divSplash").hide();
}
}

Answer 2

我认为你应该使用Ajax Form。

@using (Ajax.BeginForm("PerformAction",
    new AjaxOptions { LoadingElementId="divSplash", OnSuccess = "OnSuccess" }))
{
    ...
    <input type="submit" value="Submit" />
}

<div id="divSplash" style="display: none;">
    <img src="loading.gif" alt="Loading..." />
</div>

如何使用Ajax.BeginForm 这是旧帖子，但有非常明确的解释。

如何在MVC中创建Splash Screen

2 个答案: