使用 php 和 jquery 进行排序

Question

当用户单击表格标题时，我正在尝试重新排序 HTML 表格。这是我能做的所有事情，但仍然不起作用。

在 HTML 中：

// onClick on table header 
var par='ASC';
sort(par);

来自：ajax.js

function sort(orderByType)
{
  $.ajax({
    url: "sort.php",
    type: "get",
    data: "orderby="+orderByType,
    success: function(data){
      alert(data);
      $("t1").text(data);
    }
  });
}

排序.php

$con = mysql_connect("localhost","root","root");
if (!$con) {
  die('Could not connect: ' . mysql_error());
}

$orderBy = $_GET['orderby'];

mysql_select_db("icrisis", $con);

$result = mysql_query("SELECT * FROM messages,user  
                                        where user_id = from_user
                                        ORDER BY user_name".$orderBy);

while($row = mysql_fetch_array($result))
{      
  echo "<tbody><tr><td>"."&#8226;"."</td><td>".
       $row["Time_Date"]."</td><td>".
       $row["player_name"]."</td><td></td><td></td><tr><td></td><td colspan='4'>".
       $row["msg_desc"]."</td></tr></tbody>";
}

mysql_close($con);

它看不到$orderBy。然后我想将新订单添加到我的页面 - 怎么做？

发送到函数排序的变量是否可以是动态的，即点击时为 ASC 或 DESC？

Answer 1

您应该尝试：tablesorter 用于对表格进行排序。你甚至不需要在这个解决方案中使用 php，只需 jquery。希望它有用。

要回复您对 Daan 的 anwser 的评论，您可以使用 ajax 更新 tablesorter，如 here 所述。

Answer 2

我不确定这是否是您的问题的原因，但我相信您错过了一个空格。

查询的最后一行现在是：

ORDER BY user_name".$orderBy);

但应该是：

ORDER BY user_name ".$orderBy);

Answer 3

正如 Daan 所说，您缺少空间，这可能是原因，但我会补充：

您可能应该检查 mysql_query() 调用的结果，因为目前您不知道它是否失败，这可能是您的问题的原因。例如：

$result = mysql_query('SELECT ...');
if (!$result) {
    die(mysql_error());
}

while($row = mysql_fetch_array($result)) {
//etc.

此外，您实际上不应该基于来自浏览器的字符串来构建 SQL 语句，因为这些字符串不可信，并且目前有人可能会将恶意 SQL 添加到您正在执行的内容中。见SQL Injection。

您可以先验证字符串，这样会更安全，也很容易，因为您只有两个可能的值，例如

if (isset($_GET['orderby']) && $_GET['orderby'] == 'DESC') {
    $orderBy = 'DESC';
} else {
    $orderBy = 'ASC';
}