Использование Ajax для сортировки таблицы в архитектуре MVC

Question

Как использовать AJAX для сортировки таблицы, отображаемой из базы данных? Я видел несколько примеров, но их MVC полностью отличается от того, что я делаю, и я совсем потерялся. Может ли кто-нибудь предоставить некоторые полезные ресурсы для этого? Благодарю. Вот мой код.

Вид таблицы

<table> 
<thead> 
<tr> 
    <th>CustomerID</th> 
    <th>FirstName</th> 
    <th>LastName</th> 
    <th>Address</th> 
    <th>Street</th> 
    <th>County</th> 
    <th>Mobile</th> 
    <th>Email</th> 
</tr> 
</thead> 
<?php foreach ($customers as $customer) : ?> 
    <tbody> 
    <tr> 
     <td><?php echo $customer['customerID']; ?></td> 
     <td><?php echo $customer['fname']; ?></td> 
     <td><?php echo $customer['lname']; ?></td> 
     <td><?php echo $customer['address']; ?></td> 
     <td><?php echo $customer['street']; ?></td> 
     <td><?php echo $customer['county']; ?></td> 
     <td><?php echo $customer['mobile']; ?></td> 
     <td><?php echo $customer['email']; ?></td> 
    </tr> 
    </tbody> 
<?php endforeach; ?> 
</table> 

Index.php вызова действия

if ($action == 'view_customers') { 

// call functions from the MODEL to get data from DB 
$customers = get_customers(); 


include('./view/view_customers.php'); 

} 

Рассмотрена модель

function get_customers(){ 
    global $db; 
    $query = 'SELECT * FROM customers'; 
    $statement = $db->prepare($query); 
    $statement->execute(); 
    return $statement; 
} 

Answer 1

Вы можете выполнить следующие простые шаги:

• добавить javascript для th (CustomerID, FirstName, ...). Когда пользователь нажмет на этом элементе создать Ajax вызов специальной URL для получения данных
• Добавить URL для получения данных, я, е /getCustomers?OrderByColumn=CustomerID&OrderDirection=Desc где OrderByColumn определить столбец для сортировки и OrderDirection определить направление
• в простом случае это URL будет извлекать все HTML-таблицы, и вы просто заменить старую таблицу с новым одним
• в более сложном случае этот URL будет получать JSON с данными и обработке его с помощью кода JS