标签在用户单击保存按钮时显示一条消息答案

【问题标题】：label displays a message when user clicks on save button标签在用户单击保存按钮时显示一条消息
【发布时间】：2012-08-23 17:40:58
【问题描述】：

这可能很简单..但无法弄清楚。我需要一个最初不可见的标签，当用户单击“保存”按钮时，该标签应该与文本“正在保存.....”一起可见。我如何将其合并到我的页面中。下面粘贴的是我的保存按钮的代码和它调用的脚本。

       $("#btnSave").click(function (event) {
            event.preventDefault();
            location.href = '<%: Url.Action("SaveData","Upload") %>';
        });

      <%: Html.SecurityTrimmedSubmitButton(Model.Save_Enabled,"Save Data", "SaveData", "btnSave")%>

【问题讨论】：

标签： javascript asp.net-mvc

【解决方案1】：

添加一个 div（或标签或跨度或任何东西）

<div id="save_label" style="display:none">Saving...<div>

并添加代码以向您的点击处理程序显示 DIV

$("#btnSave").click(function (event) {
        event.preventDefault();
        $("#save_label").show();
        location.href = '<%: Url.Action("SaveData","Upload") %>';
    });

【讨论】：

【解决方案2】：

为什么不添加 Ajax 选项？

   AjaxOptions fooOptions = new AjaxOptions
    {
        HttpMethod = "Post",
        UpdateTargetId = "yourDiv",
        LoadingElementId = "spinnerajax",         
    };

我相信 spinnerjax 会做你想要达到的目标只需将 ajax 选项添加到您的 beginform 中

 @using (Ajax.BeginForm("Action", "Controller", new { id = @Model.ID }, fooOptions ))

【讨论】：