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

我认为， 数据表将是一种更简便，更快速地将数据制成表格的方法 。 而且，如果您遇到任何麻烦，都可以期待论坛支持bcoz涵盖并尝试了大多数方案 。

还有许多其他类似的插件，您可以查看这些链接

Answer 2

我也建议使用数据表。

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