php - 使用 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