2016-03-11 119 views
0

我目前正在爲一個網站排序的排行榜。發生的事情是我從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給只是給定的代碼,如果你會爲我解釋它,將不勝感激。

+0

類似這樣的東西可能是你想要的:https://gist.github.com/scopevale/1663452 –

+0

@Rodrigo C是的類似,但我已經嘗試過類似的插件,他們似乎沒有像我一樣工作希望,idk如果我只是有太高的期望,但我會嘗試這一個你發送,看看我可以使用,謝謝你 – Apparatus17

回答

0

我覺得Data table會更容易和更快的方式製表數據。如果你在任何地方卡住,可以期待論壇支持bcoz大部分場景被覆蓋並在此嘗試。

有你可以看看這些links

+0

我一定會查找,看看我是否可以用t來完成手頭的任務謝謝。 – Apparatus17

0

我也建議的DataTable許多其他類似的插件。

我也建議看一下Laravel,建立PHP的HTML看起來有點「老派」。

+0

我會看看它,看看我可以使用,謝謝 – Apparatus17