我目前正在爲一個網站排序的排行榜。發生的事情是我從MySQL DB中取出記錄並將它們回顯到一個表中以顯示給用戶。聽起來很簡單吧?沒有我需要做的就是能夠在ASC和DESC中進行排序,或者根據狀態來確定一張圖片或一個按鈕。我目前所擁有的圖像只是點擊旋轉,而類通過Jquery ATM切換。使用PHP,Ajax和MySQL
我想要點擊其中一個圖像時,它不僅會更改圖像,還會抓取新的函數,或者抓取新的查詢(當然使用ASC或DESC順序)。然後顯示如此。我試圖使用AJAX能夠將JavaScript方面連接到我的數據庫連接的PHP部分。
我從DB發送數據的電流的方法是通過一個函數,
<?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的代碼來實現這種短路影響?我希望被教會如何更好地使用它作爲aoppsed給只是給定的代碼,如果你會爲我解釋它,將不勝感激。
類似這樣的東西可能是你想要的:https://gist.github.com/scopevale/1663452 –
@Rodrigo C是的類似,但我已經嘗試過類似的插件,他們似乎沒有像我一樣工作希望,idk如果我只是有太高的期望,但我會嘗試這一個你發送,看看我可以使用,謝謝你 – Apparatus17