Question

想要添加类似stackoverflow的警告框。我看到了一些很好的例子但不是我想要的东西。我想要在不同场合出现不同的消息。

离。用户登录时，我想从C＃代码中获取此消息。当用户下订单时。或者出了什么问题。

此answer很好，但邮件显示在页面加载上。另一个example证明了同样的情况。

Answer 1

如果您不希望在页面加载时执行此操作，但希望它由后面的代码驱动（C＃），则需要使用AJAX。

使用JQuery可以通过执行以下操作轻松完成（这是我的通用'在ASP.NET MVC中对此控制器执行此操作'）：

 <script type="text/javascript">
 function execute(controller, action) {
        $.ajax({
            type: 'get',
            url: ('/' + controller + '/' + action),
            dataType: 'text'
        }).done(function (data, textStatus, jqXHR) {
            $('#response').html(data).slideDown();
        }).fail(function (jqXHR, textStatus, errorThrown) {
            $('#response').html(jqXHR.responseText).slideDown();
        });
    }
 </script>

您可以将其展开以将您需要的任何数据传递到您需要的任何网址，例如：

 <script type="text/javascript">
 function execute(controller, action, username, password) {
        $.ajax({
            type: 'get',
            url: ('/' + controller + '/' + action),
            dataType: 'text',
            data: ('username='+username+'&password='+password)
        }).done(function (data, textStatus, jqXHR) {
            $('#response').html(data).slideDown();
        }).fail(function (jqXHR, textStatus, errorThrown) {
            $('#response').html(jqXHR.responseText).slideDown();
        });
    }
 </script>

在服务器端，您只需返回您想要响应的字符串，例如“成功！您已登录！”然后元素id'ed“响应”将使其内部HTML与该响应交换掉，然后将滑开：

 <div id="response" style="display:none"></div>

请注意，如果不在抛出的异常上返回字符串，.fail（）事件将推出您将抛出的整个错误页面。如果来自服务器的HTTP状态代码不是200（OK），则会触发.fail（）。

如果你使用的是ASP.NET MVC，你的C＃代码可能如下所示：

 namespace MySite.Controllers
 {
     public class SomeController : Controller
     {
          public string Login(string username, string password){
               // Process login
               return "You've been logged in!";
          }
     }
 }

如果您使用的是Webforms：

 //On Page_Load() call a function if it's an AJAX Login
 // such as 
 if(Request["ajax"] == "login"){
       AjaxLogin(Request["username"], Request["password"]);
 }

 private void AjaxLogin(string username, string password){
      // Process login
      Response.Write("Ajax login complete!");
      Response.End(); // Don't send anything else and stop processing request.
 }

然后调用它只是将变量传递给你的函数：

 <a onclick="execute('MyController', 'Login', 'UserName', 'MyPass')">Login!</a>

显然，这假设您在进入登录请求之前需要处理登录请求所需的数据，这有点自我失败，因此您可以使用JQuery扩展特定函数以获取表单元素内容，例如：

 <input type="text" name="username" id="username" />
 <input type="text" name="password" id="password" />

然后在你的函数中添加：

 <script type="text/javascript">
 function login(controller, action) {

      var username = document.getElementById('username').value;
      var password = document.getElementById('password').value;

        $.ajax({
            type: 'get',
            url: ('/' + controller + '/' + action),
            dataType: 'text',
            data: ('username='+username+'&password='+password)
        }).done(function (data, textStatus, jqXHR) {
            $('#response').html(data).slideDown();
        }).fail(function (jqXHR, textStatus, errorThrown) {
            $('#response').html(jqXHR.responseText).slideDown();
        });
    }
 </script>

Answer 2

您需要创建generic-http-handler或web service或page-method并通过jQuery进行调用，并在提醒时显示该消息。

创建一个像这样的处理程序

  public class VideoViewValidation : IHttpHandler
  {
      public void ProcessRequest(HttpContext context)
      {
           string videoID = string.Empty;
           string id = context.Request["Id"];
           context.Response.Writ("your message");
      }
}

并在按钮客户端点击

上通过jQuery调用它

$.ajax({
        url: 'VideoViewValidation.ashx',
         type: 'POST',
          data: { 'Id': '10000', 'Type': 'Employee' },
          contentType: 'application/json;charset=utf-8',
          success: function (data) {
                    alert('Server Method is called successfully.' + data.d);
                },
          error: function (errorText) {
                alert('Server Method is not called due to ' + errorText);
          }
       });

Answer 3

试试这个

public void message(string msg)
{
    ScriptManager.RegisterClientScriptBlock(this, GetType(), "Done", "alert('" + msg + "');", true);
}

使用此方法

写message("You are logged in sucessfully.");

警报框就像stackoverflow动态数据一样

3 个答案: