教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery实现无闪烁定时刷新的代码

Jquery实现无闪烁定时刷新的代码

发布时间:2015-10-22   编辑:jiaochengji.com
本文介绍下,用jquery实现无闪烁的定时刷新代码,有需要的朋友,参考下吧。

如何用Ajax+js+jquery实现无闪烁定时刷新页面功能。
使用的js框架是jQuery。

代码如下:
 

复制代码 代码示例:

/*第一次读取最新通知*/
  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();
            }
        }
    });

参考:
 

复制代码 代码示例:

function get_data()
{
$.ajax({
url: 'getjson.php',
success: function(data) {
$('.result').html(data);
}
});
}

setInterval("get_data()",3000);//3秒一次执行

评论:
 

复制代码 代码示例:

$.ajax({
url: 'ajax/test.html',
success: function(data) {
$('.result').html(data);
}
});

http://api.jquery.com/jQuery.ajax/

您可能感兴趣的文章:
Jquery实现无闪烁定时刷新的代码
让新消息在网页标题闪烁提示的jQuery代码
js实现网页标题栏的闪烁效果(示例)
通过pjax实现无刷新翻页(兼容新版jquery)
JQury slideToggle闪烁问题及解决办法
网页标题闪烁title标题闪烁(js、jquery)
js实现网页标题闪烁效果
解决Windows 程序界面闪烁问题的一些经验
JS函数实现网页标题(title)闪动效果
js实现Div闪烁效果代码

[关闭]
~ ~