PHP和Javascript之間的溝通

Question

我有一個數據庫中有2列的表名稱|年齡，我將其顯示在HTML頁面中。

我想在用戶點擊它時根據字段對HTML頁中的表進行排序。

我有一個PHP函數來根據字段進行排序。

但是，在PHP中按照排序順序獲取行之後，我正在尋找可以更新HTML表格的方式，而無需從頁面導航。

Answer 1

你可以在javascript中進行排序，而不必與服務器通信。

function sortTable(table, column, skipHeader) { 
    // Stick each row into an array. 
    var rows = []; 
    for (var i = skipHeader ? 1 : 0; i < table.rows.length; i++) { 
    rows.push(table.rows[i]); 
    } 

    // Sort the array based on the innerText of the column'th cell in each row 
    rows.sort(function(a, b){ 
    a = a.cells[column].innerText; 
    b = b.cells[column].innerText; 
    return a < b ? -1 : (b < a ? 1 : 0); 
    }); 

    // Re-order the rows by removing/appending in the sort order 
    for (var i = 0; i < rows.length; i++) { 
    var row = rows[i]; 
    var container = row.parentElement; 
    container.removeChild(row); 
    container.appendChild(row); 
    } 
} 

例如，到第一表進行排序在文檔中，在第一列上，並跳過標題行：：例如，該代碼將根據第N列的內容進行排序的表

sortTable(document.getElementsByTagName('table')[0], 0, true); 

很明顯，你會想要修改這個以適應你自己的口味，特別是排序，但它比把數據發回服務器要簡單很多，我認爲這是你提出的。

Answer 2

您不需要在客戶端和服務器之間進行通信來完成此操作，只需對客戶端上的表進行直接排序即可。

有一個jQuery插件，這是工作得很好：

http://tablesorter.com/docs/

Answer 3

這裏是一個鏈接到一個JavaScript庫，使JavaScript的使用PHP的，而不是你的表格排序。我用過很多次，效果很好。

Javascript Sortable Tables by: Stuart Langridge

Answer 4

既然別人已經覆蓋了該客戶端的排序會工作得很好這裏的事實，我就點你與我有過的最sucess做這種事情的資源： Google Data Tables，它們的一部分Visualization Library。 Here are the deets你可以做什麼（劇透：你想要的一切和更多）。