Ajax环境下弹出提示框

前端之家收集整理的这篇文章主要介绍了Ajax环境下弹出提示框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在普通的ASP.NET环境中,我们要想在WEB窗体上弹出一个对话框,经常用到的是如下代码


<span style="font-family:SimSun;font-size:18px;"><span style="font-family:SimSun;font-size:18px;">Response.Write("<script language=javascript>alert('删除试题失败!')</script>");</span></span>

然而在Ajax的环境中却不能使用上述的代码,否则会报错。因为它不会把这些数据看成语句而执行,只会当成是字符串,那么如何在Ajax环境中弹出提示框呢?

可以使用Ajax的ScriptManager类的RegisterClientScriptBlock()方法来实现弹出对话框的功能,该类能够直接向WEB窗体页中注册对话框的脚步。


有关该方法的API如下:

ClientScriptManager.RegisterClientScriptBlock 方法


下面通过一个小Demo来带大家熟悉下这个方法用法


我们把要在Ajax环境下弹出的对话框都封装到一个类中,方便我们以后的调用,比如在Page下弹出的对话框、在Ajax环境下,Button按钮弹出的对话框等,都封装到一个类中,以后只需调用即可。

<span style="font-family:SimSun;font-size:18px;">  /// <summary>
    ///Ajax环境下显示对话框
    /// </summary>
    public class AjaxCommond
    {
    
        ///<summary>
        ///在ASP.NET AJAX环境中,为Button控件弹出一个提示对话框
        ///</summary>
        ///<param name="button">Button控件</param>
        ///<param name="message">对话框中的消息</param>
        public void OpenDialogForButton(Button button,string message)
        {
            ScriptManager.RegisterClientScriptBlock(
                button,typeof(Button),DateTime.Now.ToString().Replace(":"," "),///使用当前时间作为标识
               "alert('" + message + "')",true);
        }
        ///<summary>
        ///在ASP.NET AJAX环境中,为Page对象弹出一个提示对话框
        ///</summary>
        ///<param name="button">Page对象</param>
        ///<param name="message">对话框中的消息</param>
        public void OpenDialogForPage(Page page,string message)
        {
            ScriptManager.RegisterClientScriptBlock(
               page,typeof(Page),//传递的类型
               DateTime.Now.ToString().Replace(":",///使用当前时间作为标识
              "alert('" + message + "')",//要显示的信息
              true);
        }
    }</span>


有了这个公共的类,下面是调用的演示代码

<span style="font-family:SimSun;font-size:18px;">  protected void Button1_Click(object sender,EventArgs e)
    {
        AjaxCommond ac = new AjaxCommond();//实例化公共类AjaxCommond
        //弹出ajax环境中的提示对话框
        ac.OpenDialogForButton((Button)sender,"数据保存成功!");
    }</span>


总结

当然了,在Ajax环境下实现弹出对话框不止这一种方法,有更好的希望多多交流,相互学习。






猜你在找的Ajax相关文章