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

Question

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

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

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

Answer 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") %>';
    });

Answer 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 ))