在PHP和Javascript之间进行通信

Question

我在数据库中有一个具有2列的表。 年龄，我将其显示在HTML页面中。

当用户单击它时，我想基于字段对HTML页面中的表进行排序。

我有一个PHP函数可以根据字段进行排序。

但是在PHP中按排序顺序获取行之后，我正在寻找无需离开页面即可更新HTML表的方法。

Answer 1

您不需要在客户端和服务器之间进行通信即可，只需直接在客户端上对表进行排序。

有一个jQuery插件可以很好地工作：

http://tablesorter.com/docs/

Answer 2

这是指向javascript库的链接，以使您的表可以使用javascript而不是php进行排序。 我已经使用了很多次，效果很好。

Javascript可排序表，作者：Stuart Langridge

Answer 3

由于其他人已经了解了客户端排序在这里可以很好地工作的事实，因此，我仅向您指出我最成功地使用这种资源的资源： Google数据表 ，它们的可视化库的一部分。 这是您可以做什么的代表（破坏者：您想要的一切以及更多）。

Answer 4

您可以使用javascript进行排序，而无需与服务器进行通信。 例如，此代码将根据第N列的内容对表进行排序：

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);
  }
}

例如，要对文档中的第一张表进行排序，请在第一列上跳过标题行：

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

显然，您需要修改此设置以适合您自己的口味，尤其是排序，但是比将数据发布回服务器要简单得多，我认为这是您的建议。