消息提示--有消息来时TOP页面自动刷新未读消息条数

最新推荐文章于 2024-09-21 23:10:47 发布

原创最新推荐文章于 2024-09-21 23:10:47 发布 · 3.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#function #ajax #jquery #session #string #cache

ASP.NET 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一个使用AJAX和JQUERY实现的实时消息计数功能。该功能通过AJAX周期性地从服务器获取未读消息数量，并使用JQUERY更新界面上的消息计数显示。具体实现包括前端页面top.aspx的设置、后端处理页面FindNewMessage.ashx的编写等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

top.aspx页面：实现AJAX和JQUERY调用请求
<script src="js/jQuery.js"></script>
<script>
//实际使用过程中可以从session中获取

    //var aa = Request.Cookies["username"].value;
    if (!GetMessageCount) {
        var GetMessageCount = {};
    }

    $(document).ready(
    function() {
        GetMessageCount.FindMessage();
    }
);
    GetMessageCount.FindMessage = function() {
        $.ajax({
            //处理ajax请求
            url: 'FindNewMessage.ashx',
            // 当前用户：因为后台是把值赋给了标签，也就是登陆用户，在这里就可以直接取标签就可以了
            data: { customer: document.getElementById('<%=Label1.ClientID %>').innerText },
           // data: {customer:'ld'},
            cache: false,
            //回调函数返回未读短信数目
            success: function(response) {
                $('#messageCount').val(response);
            },
            error: function(data) {
                alert("加载失败");
            }
        });

        //每隔5 秒递归调用一次，刷新未读短信数目
        window.setTimeout(GetMessageCount.FindMessage, 5000);
    }
</script>

top.aspx.cs:后台代码
if (!IsPostBack)
            {
                if (PageBase.getUsersName()!=null)
                {
                    string username = PageBase.getUsersName();
                    Label1.Text = username;
                }
         }

FindNewMessage.ashx：处理AJAX请求的页面代码
public class FindNewMessage : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
              //获取未读短信的数量，返回页面
            int count = XiaoXiManager.GetUnreadMessageCount(Convert.ToString(context.Request["customer"]));
            //返回页面
            context.Response.Write(count);

}