javascript - 通过 Ajax 和 PHP 在 HTML 页面上显示数据库中的内容

Question

我想在 html 页面上发布数据库中的一些内容。我不确定执行此操作的最佳方法是什么，但我的猜测是类似于下面的代码。如果有更好的方法请告诉我。

HTML:

$(document).ready(function(){
     $.ajax({
        type : "POST",
        url : 'tablepageload.php',
        data : 'test',
        success: function(data) {
            $('#echobox').html(data);
        }
     });
});

PHP:

if (isset($_POST['test'])) {
    $sendtable = "SELECT `timein` FROM `timestamp` WHERE id='" . $latestrow . "' LIMIT 1"; 
    $result = mysqli_query($link, $sendtable);
    $row = mysqli_fetch_array($result);

    echo $row['timein'];
};

Answer 1

我觉得你的工作流程很好。

本质上，正如已经提到的，您想要实现的工作流程是:

• 提出请求(您的初始 ajax 调用)
• 处理请求发送响应(您的 PHP 脚本)
• 处理响应(您的“成功”回调)

看看你的代码，我有一些指示。

考虑使用 jquery .load() 函数。 如果您的 ajax 调用只是填充一个 div，您也可以使用它。

就您的 sql 查询而言，我建议您查看:

• 准备好的语句 ( http://php.net/manual/en/mysqli.quickstart.prepared-statements.php )
• PDO ( http://php.net/manual/en/book.pdo.php )
• 如果您想要最新行，请按“id”DESC LIMIT 1 排序。

希望这对您有所帮助

编辑:还注意到您的 ajax 调用存在问题:

$.ajax({
    type : "POST",
    url : 'tablepageload.php',
    //data : 'test',
    //$_POST['test'] = "some_value",
    //$_POST['another'] = "test"
    data : {test:'some_value', another:'test'}, 
    success: function(data) {
             $('#echobox').html(data);
             }
 });