ajax 无刷新 实现页面右下角弹出消息提示框

程序类似OA办公系统，用的是FineUI这样的ext控件，很简单，页面布局也很便捷，用起来方便，重点是不用美工哦，而且提供一套完整的实例。

因为是办公系统吧，在我们使用中需要完成一系列的流程，其中有一模块是请假的申请以及审批的部分，需要实现某部门的领导只要开着这个系统，有属下申请请假就要能及时看到，并且审批。

如图中的右下角的消息通知框，这是刚刚登陆系统时进行的查询，但是在登陆之后要想要这种消息框时时的弹出需要完成的工作时，用到ajax就可以了实现了

首先，登陆的主页面的前台写个ajax

<script type="text/javascript">
        realtimewarm();
        var interval = window.setInterval(realtimewarm, 120000);

        function realtimewarm() {
            $.ajax({
                //要用post方式   
                type: "Post",
                //方法所在页面和方法名   
                url: "BaseData/ProcessMainType/AuditMain/Handler.ashx", //请求url                
                cache: false,  //无缓存                 
                timeout: 1000 * 130,  //AJAX请求超时时间为60秒                  
                data: { time: 120 },
                success: function (data, textStatus) {
                    //返回的数据用data.d获取内容   
                    if (data != null && data != "") {
                        showmsg('消息通知', data); //setTimeout(function () { }, 5000)
                    }
                    //setInterval(realtimewarm, 10000);
                    //realtimewarm();
                },
                error: function (err) {
                    //setInterval(realtimewarm, 10000);
                }
            });
        }
</script>

不断的向Handler.ashx 页面请求数据，注意：var interval = window.setInterval(realtimewarm, 120000); 这句哦，
在Handler.ashx页面中的代码（这里说一句，如果要让进程在使用中做过多时间的睡眠是不理想的，System.Threading.Thread.Sleep(1000)像是这个时间还比较短，这种方式也是在这个Handler页面隔段时间查询数据库吗，也是有一定的性能问题的，所以不可让进程有过多的时间停留，因为在休眠也是在访问服务器，只是服务器没有给出回应，就像你电话给别人，别人没有说话，但是话费还是要一样的付，如果停留时间很长，所有的用户都在反复查询，那么服务器的内存马上就会受不了的）

 public void ProcessRequest(HttpContext context)
    {
        int SendTime = 0;  //最多等待时间              
        if (context.Request.Form["time"] != null && context.Request.Form["time"].ToString() != "")
        {
            SendTime = int.Parse(context.Request.Form["time"].ToString());//接收传来的的后台要保持时间             
        }
        int i = 0;//计算超时时间（秒）              
        while (true)
        {
            System.Threading.Thread.Sleep(1000);//停留一千毫秒（1秒）                  
            i++;
            if (i < SendTime)
            {
                string export = GetStartupScript();//具体的方法，用来实现所需的操作
                if (!string.IsNullOrEmpty(export))
                {
                    context.Response.Write(export);
                    break;
                }
            }
            else
            {
                context.Response.Write(null);
                break;
            }
        }
    }

 public string GetStartupScript()
    {
      StringBuilder strshows = new StringBuilder();
      strshows.Append("<ul style=\"list-style-type:disc ;\">");
     string strShowTipsHRQJ = ShowTipsHRQJ();//请假审批的提醒
        if (!string.IsNullOrEmpty(strShowTipsHRQJ))
        {
            strmores.Append(strShowTipsHRQJ);
         }
    }
  //这里写各种审批判断(请假)
    private static string ShowTipsHRQJ()
    {
        string returns = string.Empty;
        PublicCookie publiccookie = new PublicCookie();
        string groupid = publiccookie.GetCurrentPublicWay().Groupid;//当前登陆者的用户组
        Tips tips = new Tips();
        DataTable tmptips = tips.GetAuditMainHRQJ(groupid);
        if (tmptips.Rows.Count != 0)
        {
            int count = tmptips.Rows.Count;
            System.Text.StringBuilder strSupplyname = new System.Text.StringBuilder();
            strSupplyname.Append("您有").Append(count).Append("条请假申请需要审批！");
            returns = "<li><a href=\"#\" οnclick=\"openNew('请假审批','./BaseData/ProcessMainType/AuditMain/AuditMainAlone.aspx');return false;\">" + strSupplyname.ToString() + "</a></li>";
        }
        return returns;
    }

export中就是所拼接好的显示内容，然后放在js中，在管理系统的最前面的页面中显示出来就可以了，下面是用来显示右下角弹出窗体的js

function showmsg(title, content) {//第一个参数是显示的标题，第二个是显示的内容
    var jiema = decodeURIComponent(content);
    for (var i = 0, j; i < jiema.length; i++) {
        j = jiema.charAt(i);
        if (j == '+')
        jiema=jiema.replace("+", " ");
    }
    var tihuan = jiema;
    //alert(tihuan);
    var tipw = new MyLib.TipsWindow({
        title: title,
        autoHide: 60, //60秒自动关闭  
        html: tihuan
    });
    tipw.show();