AJAX、PHP、MySQL。（刷新表格不眨眼）答案

【问题标题】：AJAX, PHP, MySQL. (refreshing tables without blink)AJAX、PHP、MySQL。（刷新表格不眨眼）
【发布时间】：2014-07-30 18:01:49
【问题描述】：

我找不到解决方案，我不敢相信我找不到一个例子！

好的，我有一种监视器（PHP / MySQL），由 Javascript 刷新。问题是，我的脚本重新加载了整个 php 页面，其中有 MySQL 查询。所以，每次重新加载我都会看到一点闪烁，这与页面加载无关。

这就是我所拥有的：

(function($) {
    $(document).ready(function() {
            $.ajaxSetup( {
                    cache: false,
                    beforeSend: function() {
                            $('#colas').hide();
                            $('#loading').show();
                    },
                    complete: function() {
                            $('#loading').hide();
                            $('#colas').show();
                            },
                    success: function() {
                            $('#loading').hide();
                            $('#colas').show();
                            }
            });
            var $colas = $("#colas");
            $colas.load("panelColasRealtime.php");
            var refreshId = setInterval(function() {
                    $colas.load('panelColasRealtime.php');
            }, 8000);
    });
})(jQuery);

我在这里加载“panelColasRealtime.php”：

<div id="colas"></div>

这是可行的，但我不想要这个解决方案，我不喜欢那种眨眼。我想刷新监控而不重新加载php页面，只是数据。我认为 AJAX 是我最好的选择，但我找不到任何例子。

总结：

我想要我的 BD 的实时监控（每 X 秒）并显示它。如果有人有示例脚本，我将不胜感激。

【问题讨论】：

你找不到 any 使用 AJAX 和 jQuery 的例子吗？一个都没有？因为 Google 搜索“jQuery AJAX”似乎可以找到许多示例。其中一些您似乎已经在使用。鉴于此，目前还不清楚您甚至要求什么......
嗨，大卫，感谢您的回复。我找不到任何消除“眨眼”的例子。也许我想做的事情是不可能的。
什么是“眨眼”？也许您可以澄清实际问题是什么？
大卫，眨眼：“我看到一点点眨眼，这与页面加载无关” -> 那是眨眼。
如果“闪烁”是“页面加载”，那么“闪烁”的解决方案是使用 AJAX，这样您就可以从服务器获取数据而无需加载整个页面。

标签： javascript php jquery mysql ajax

【解决方案1】：

如果你只是想刷新数据，这里是一个简单的例子，每 5 秒刷新一次

$(document).ready(function() {
    loadData();
});

var loadData = function() {
    $.ajax({    
        type: "GET",
        url: "data_source_page.php",             
        dataType: "html",                   
        success: function(response) {                    
            $(".refresh").html(response);
            setTimeout(loadData, 5000); 
        }
    });
};

html

<div class="refresh"></div>

【讨论】：

那个缩进虽然... 8|
@Magna：不，你没有:)