Javascript 如何使用Jquery为我的整个应用程序声明site.Master页面中的弹出消息？

我需要在我的整个应用程序中显示相同的弹出消息，而不是显示成功消息失败消息？请稍候留言？给我的整个申请

在我的应用程序中，如果我单击任何保存，如果需要一些时间，我需要在加载页面时显示“请稍候”弹出消息

有谁能帮我在site.master页面上声明这个吗？使用jquery

---

谢谢

您只需要在母版页中定义一些函数，并在适当的地方调用它们

让我们向母版页添加一个div

     <div id="messageDisplay">
     </div>

或者定义一个函数，您可以在其中传递要显示的消息

// Display message.
function displayMessage(messageText)
{
     $('#messageDisplay').text(messageText).slideDown();
}

我更喜欢第二种方法，因此您只需定义一个函数，并且只要在调用它时向它传递一个字符串即可

要隐藏消息，请定义隐藏函数

// Hide currently displayed message.
function hideMessage()
{
     $('#messageDisplay').slideUp();
}

然后在页面中调用函数。假设您有一个需要很长时间的ajax操作。完成后，首先显示“请稍候…”，然后显示“成功！”

$('#someButton').click(function ()
{
     hideMessage();
     displayMessage("Please wait...");
     $.ajax(
     {
          url: "some/url/for/ajax/function",
          data: { someData: "some data" },
          type: "POST",
          success: function (response)
          {
               hideMessage();
               displayMessage("Successful!");
          },
          error: function (xhr, textStatus, errorThrown)
          {
               hideMessage();
               displayMessage(textStatus);
          }
     });
});

编辑：请记住，当一个页面从母版页继承时，浏览器会将其视为一个页面。因此，从那时起，母版页上定义的任何javascript都将包含在每个页面中，这意味着即使是特定于页面的脚本也可以引用母版页中定义的函数

$('#someButton').click(function ()
{
     hideMessage();
     displayMessage("Please wait...");
     $.ajax(
     {
          url: "some/url/for/ajax/function",
          data: { someData: "some data" },
          type: "POST",
          success: function (response)
          {
               hideMessage();
               displayMessage("Successful!");
          },
          error: function (xhr, textStatus, errorThrown)
          {
               hideMessage();
               displayMessage(textStatus);
          }
     });
});