php - 每 X 分钟/秒重新加载 AJAX 数据，jQuery

Question

我编写了一个 CMS，它记录了最近登录系统的用户。目前，此数据通过 Ajax 馈送到 jQuery UI 选项卡中。我想将此信息放入主页的侧边栏，并通过 AJAX 每 30 秒(或某个设定的时间段)加载一次。

我该怎么做呢？ PHP 响应是否需要进行 JSON 编码？我对 AJAX 和 JSON 数据相当陌生。

这是我目前用来从用户表中提取详细信息的 PHP-

<?php
$loginLog = $db->query("SELECT name_f, name_l, DATE_FORMAT(lastLogin, '%a, %b %D, %Y %h:%i %p') AS lastLogin FROM user_control ORDER BY lastLogin ASC LIMIT 10");
while ($recentLogin = $loginLog->fetch()) {
echo $recentLogin['name_f'] . " " . $recentLogin['name_l'] . " - " . $recentLogin['lastLogin'];
}
?>

谢谢!更新

好的，这就是我目前所做的。我坚持的部分是如何遍历 JSON 并将其输入框中。只要我只使用一个结果并确保它不在 [ ] 中，它就可以正常工作。我刚刚开始学习 Ajax 和 JSON，出于某种原因，我不太容易学会。

Javascript-

$(document).ready(function(){

                function refreshUsers(){

                    $.getJSON('json.php', function(data) {

                            for (var i = 0; i < data.length; i++) {

                                $("#loadHere").html('<p>' + data.name + ' ' + data.lastLogin + '</p>');

                            }

                });

            }

                var refreshInterval = setInterval(refreshUsers, 30 * 1000);

                refreshUsers();

            });

我的 PHP 脚本输出什么 -

[{"name":"Joe Smith","lastLogin":"Fri, May 21st, 2010 08:07 AM"},{"name":"Jane Doe","lastLogin":"Fri, May 21st, 2010 07:07 AM"}]

谢谢!

Answer 1

PHP 端，使用 json_encode() .

客户端，使用$.getJSON() :

function refreshUsers(){
  $.getJSON(url, postData, function (data, textStatus){
    // Do something with the data
  });
}

// Keep interval in a variable in case you want to cancel it later.
var refreshInterval = setInterval(refreshUsers, 30 * 1000);

有了这 2 个，您应该有很多东西可以开始使用。不仅如此，您还会要求我们为您工作:)