一点点 AJAX 可以使它成为可重新排序的输出。从下面的例子可以看出,这并不难。
下面的代码将在页面上放置一个下拉菜单,并允许用户选择排序顺序。选择后,排序后的结果将出现在 div 中。然后用户可以选择不同的排序顺序,这些结果将出现在 div 中。
HTML:
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#mysel').change(function() {
var sby = $(this).val();
//alert(sby);
$.ajax({
type: "POST",
url: "another_php_file.php",
data: 'sortby=' + sby,
success: function(thedata) {
$("#results").html(thedata) ;
}
});
});
}); //END $(document).ready()
</script>
</head>
<body>
<div id="results"></div>
<select id="mysel">
<option value = '0'>Choose One</option>
<option value = 'last'>Sort by Last Name</option>
<option value = 'first'>Sort by First Name</option>
</select>
</body>
</html>
another_php_file.php
<?php
$order = $_POST['sortby'];
// Do your database login here
$output = '<table><tr><td>ID</td><td>Name</td><td>Email</td></tr>';
$result = mysql_query("SELECT * FROM contacts WHERE type = 'lead' ORDER BY '$order'");
$num_rows = mysql_num_rows($result);
while ($row = mysql_fetch_assoc($result)) {
$output .= '<tr>';
$output .= '<td>' . $row['id'] . '</td>';
$output .= '<td>' . $row['name'] . '</td>';
$output .= '<td>' . $row['email'] . '</td>';
$output .= '<td>' . '<a href = "/admin/leads/convert-contact.php?id=' . $row[id] . '">Make Contact</a>';
$output .= '</tr>';
}
$output .= '</table>';
echo $output;
如果您是 AJAX 新手,这里有一些非常简单的示例可以帮助您掌握它。他们非常值得花 15 或 20 分钟来玩。
一个简单的例子
更复杂的例子
根据下拉列表 1 中的选择填充下拉列表 2