如何在我的整个应用程序使用Jquery的site.Master页面中声明Popup消息？

Question

我需要显示相同的弹出消息抛出我的整个应用程序，如显示成功消息失败消息？请等待消息？我的整个应用程序..

在我的应用程序

如果我点击任何折扣如果服用一段时间我需要显示请等待弹出消息在加载网页..

任何机构可以帮助我如何在site.master页面声明这个？使用jQuery

感谢

Answer 1

你只是想在你的母版页定义一些功能，并呼吁他们在适当情况下。

让我们在您的母版页上添加一个div。

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

您当然想要用css设置消息的样式，并将DIV放在您真正想要的位置。

// Display success message. 
function successMessage() 
{ 
    $('#messageDisplay').text('Your operation was successful!').slideDown(); 
} 

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

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

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

隐藏消息定义隐藏功能。

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

然后在你的页面中调用函数。假装你有一个需要很长时间的ajax操作。首先它会显示“Please wait ...”，然后显示“成功！”完成后。

$('#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都将作为每个页面的一部分包含在内，这意味着即使页面特定的脚本也可以引用在母版页中定义的函数。