ajax - mvc3 Ajax.ActionLink 和延迟 LoadingElementId 显示

Question

我有一个进度 div，它在网页顶部的绝对位置。

当我单击 Ajax.ActionLink 时，有时当请求/响应不是即时的时，我会看到它在顶部闪烁。

如何添加延迟以便进度条在 500 毫秒内不显示？

谢谢你

这是工作代码

var showProgress = false;
function AjaxBegin()
{
    showProgress = true;
    setTimeout("if (showProgress) { $('#progress').show(); }", 800);

}
function AjaxComplete()
{
    showProgress = false;
    $("#progress").hide();
}
function AjaxFailure(ajaxContext)
{
    var response = ajaxContext.responseText;
    alert("Error Code [" + ajaxContext.ErrorCode + "] " + response);
}

Ajax 选项

InsertionMode = InsertionMode.Replace;
OnFailure = "AjaxFailure";
OnBegin = "AjaxBegin";
OnComplete = "AjaxComplete";
HttpMethod = "GET";

Answer 1

您需要自己处理。

而不是指定 AjaxOptions.LoadingElementId您可以通过为 OnBegin 指定函数来处理加载元素的显示/隐藏。 (出示)和 OnComplete (隐藏)事件。

见 http://msdn.microsoft.com/en-us/library/dd460351.aspx欲知更多详情 AjaxOptions .

有几种方法可以创建延迟 - 参见 How to wait 5 seconds with jQuery?

这是一个使用 jQuery 实现的示例 - delay the showing of a ajax loading gif using jQuery