使用 PHP、Ajax 和 MySQL

Question

我目前正在为网站制作各种排行榜。发生的事情是我从 MySQL 数据库中提取记录并将它们回显到一个表中以显示给用户。听起来很简单吧？不，我还需要做的是能够在 ASC 和 DESC 中进行排序，或者根据状态对图片或按钮进行排序。我目前拥有的是一个图像，当单击它时它会旋转，并且通过 Jquery ATM 切换一个类。

我希望在单击其中一个图像时拥有它，它不仅会更改图像，还会获取新功能或获取新查询（当然使用 ASC 或 DESC 顺序）。然后这样显示。我试图使用 AJAX 将 javascript 方面连接到我的数据库连接的 PHP 部分。

我目前从数据库发送数据的方式是通过函数，

<?php
function dbConnect()
{
    // make  & test connection
    $mysqli = new mysqli("localhost", "root", "password", "dbName");
    if (mysqli_connect_errno()) 
    {
        $err = 'Connection Failed';
        printf("Connect failed: %s\n", mysqli_connect_error());
        exit();
    }
    // return
    return $mysqli;
}
function copTbl($mysqli)
{
    // prepare statement
    $stmt = $mysqli->prepare('
    SELECT `name`, `coplevel` FROM `players` WHERE `coplevel`<>"0" ORDER BY `    players`.`coplevel` DESC
    ');
    // execute query
    $stmt->execute();
    // bind result
    $stmt->bind_result($copName,$copLevel);
    $O ="";
    $x = 1;
    $O.="<h1>List Of Cops</h1>";
    $O.= "<form id=\"form1\">
                <div class=\"div-table\">
                    <div class=\"div-table-row\">
                        <div class=\"div-table-col head0\"><span class=\"col-name\">Player Name</span><img id=\"arrow0\" class=\"down\" src=\"img/arrow.png\" alt=\"\"></div>
                    <div class=\"div-table-col head1\"><span class=\"col-name\">Level</span><img id=\"arrow1\" class=\"down\" src=\"img/arrow.png\" alt=\"\"></div>
                </div>";
while($stmt->fetch())
{
    if($x%2)
    {
        $O.= "<div id='".$x."' class=\"div-table-row\">
                    <div class=\"div-table-col\">".$copName."</div>
                    <div class=\"div-table-col\"><img src='img/cl".$copLevel.".png' alt=''></div>
                </div>";
        $x++;
    }
    else
    {
        $O.= "<div id='".$x."' class=\"div-table-row\">
                    <div class=\"div-table-col white\">".$copName."</div>
                    <div class=\"div-table-col white\"><img src='img/cl".$copLevel.".png' alt=''></div>
                </div>";
        $x++;
        }
    }
    $O.= "</div></form>";
    // close statement
    $stmt->close();
    return $O;
}
?>

该函数仅返回 Mysql SELECT 语句中的值。有没有办法使用 ajax 或其他类型的基于 DOM 的代码来实现这种短路效果？我想学习如何更好地使用它而不是刚刚给出的代码，如果你能为我解释一下，将不胜感激。

Answer 1

我认为 Data table 将是一种更简单、更快捷的方式来制表数据。如果您在任何地方遇到困难，都可以期待论坛支持，因为大部分场景都已涵盖并尝试过。

还有很多其他类似的插件你可以看看这些links

Answer 2

我还建议使用数据表。

我还建议看看 Laravel，用 PHP 构建 HTML 看起来有点“老派”。