您好,匿名用户
随意问技术百科期待您的加入

用Ajax+js+jQuery实现无闪烁定时刷新页面

+1 投票

本人想在一个JSP页面上显示一个消息模块,这个消息需要定时更新,请问大家如何用Ajax+js+jQuery实现无闪烁定时刷新页面功能。本人使用的js框架是jQuery。

用户头像 提问 2012年 12月1日 @ Leona 上等兵 (279 威望)
分享到:

1个回答

+2 投票
 
最佳答案

你好你说的是轮询拉去服务端的信息,先说思路,那就是在前端用 js setInterval 函数每隔30秒时间请求一次 通知结果然后返回给 前端 html 标签 实现无刷新 更新通知,我想本网站跟知乎的通知应该都是这个逻辑。下面是代码

 /*第一次读取最新通知*/
  setTimeout(function() {
             Push();
           },
        200);
      /*30轮询读取函数*/
        setInterval(function() {

            Push();

    },
        30000);

/*请求函数的ajax*/

function Push() {


    $.ajax({

        type: "POST",
        url: "/index.php?s=Push&a=index",
        data: {
            t: 3
        },
        beforeSend: function() {},
        success: function(data) {

            var obj = eval("(" + data + ")");
            // alert(obj.sixin);
            if (obj.sixin != 0) {

                $(".tongzhi").html(obj.sixin).show();


            } else {
                $(".tongzhi").html(0).hide();

            }


        }


    });
用户头像 回复 2012年 12月1日 @ Zilean 上等兵 (230 威望)
选中 2012年 12月1日 @Leona
提一个问题:

相关问题

+1 投票
1 回复 101 阅读
用户头像 提问 2013年 9月10日 @ Malphite 上等兵 (306 威望)
0 投票
1 回复 38 阅读
用户头像 提问 2012年 12月1日 @ Rammus 上等兵 (334 威望)
0 投票
1 回复 95 阅读
0 投票
1 回复 55 阅读
用户头像 提问 2012年 12月1日 @ Demeter 上等兵 (208 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...