使用 jquery 从 mysql 中获取数据

Question

我想在不使用 jQuery 刷新页面的情况下从 mySQL 获取一些数据。如果mysql表中的任何记录被更新，有人可以告诉我如何获取数据。例如，以下代码从数据库中获取一个数字计数，如果有人在数据库中添加一个数字并且它被更新，我如何在不刷新页面的情况下显示新数字？谢谢。

<?
$query  = "SELECT number, name FROM members WHERE id=1";
$result = mysql_query($query);

$row = mysql_fetch_array($result);
$number = $row['number'];    ?>

Answer 1

已经提到过两次了，但我还是想强调一下。您永远不会希望客户端能够直接访问数据库。这是一个严重的安全风险。

现在来解决问题。首先，您需要设置一个可以使用 ajax 请求的 PHP 文件。我们称之为check.php，它看起来像这样：

<?php
// include necessary files to enable connection to the database
$query  = "SELECT number, name FROM members WHERE id=1";
$result = mysql_query($query);

$row = mysql_fetch_array($result);
$number = $row['number'];

// send correct content type header of json
header("Content-Type", "application/json");

// we create an array, and encode it to json
// then echo it out while killing the script
die(json_encode(array('numbers'=>$number)));

现在到 JavaScript。该解决方案类似于 Kyle Humfeld 的解决方案，但不会使用 setInterval，因为这是一个非常糟糕的做法。这背后的原因是setInterval 不会关心您的 ajax 调用的状态，无论它是否已完成。因此，如果服务器出现问题，您最终可能会收到堆叠请求，这并不好。

因此，为了防止这种情况，我们改为使用 ajax 方法的 success-callback（.getJSON 本质上是 .ajax 的简写）和 setTimeout 的组合来创建称为 polling 的东西：

$(function(){
    // placeholder for request
    var request = null;

    // request function
    var check = function() {
        request = $.getJSON('check.php', function(data){
            // this will log the numbers variable to the dev console
            console.log(data.numbers);
            // initiate a timeout so the same request is done again in 5 seconds
            setTimeout(check, 5000);
        });
    });

    // initiate the request loop
    check();

    // if you want to cancel the request, just do request.abort();
});

此外，还有一个更高级的解决方案，使用 comet server 将数据从服务器推送到客户端，但在深入研究彗星之前，您应该先尝试使上述方法正常工作。如果您想阅读该主题，我建议您查看APE。

Answer 2

正如@Pekka 所提到的，您需要对执行 db 调用的 PHP 页面进行 AJAX 调用。但是，看起来您的问题比这要复杂一些，因为您想在插入新记录时定期检查并更新（部分？）您的页面，对吧？

如果是这样，您应该可以使用setInterval() 来执行此操作。它是一个原生 javascript 函数，基本上只是设置一个间隔（以毫秒为单位），然后运行一些代码。使setInterval() 与setTimeout() 不同的是setInterval() 重复运行，直到您告诉它停止（使用clearInterval()）。

因此，您可以使用它每 30 秒（或任何您喜欢的）进行一次 AJAX 调用，以查找新记录并相应地更新结果 div。