我一直在阅读和观看很多关于 javascript、jquery 和 AJAX 的教程,但我似乎无法理解如何像 unlim500 中的这些人那样制作“过滤器”。
他们的脚本允许您只需单击一个品牌,然后表格就会被过滤和刷新(无需重新加载页面)。
此页面上的实时示例,单击Все марки: http ://www.unlim500.ru/results/
谁能引导我走向正确的方向?
我怎样才能制作这样的过滤器?
索引.php =
<a id="bugatti_link" href="#" database_id="Bugatti">Bugatti</a>
<script>
$("#bugatti_link").click(load_ajax);
function load_ajax(e) {
var link = $(e.target);
var vehicle_database_id = link.attr("database_id");
var ajax_params = {"brand": vehicle_database_id};
$.getJSON("query2.php", ajax_params, success_handler)
}
function success_handler(data) {
//data variable contains whatever data the server returned from the database.
//Do some manipulation of the html document here. No page refresh will happen.
}
</script>
查询2.php =
<?php
$host = "xx";
$user = "xx";
$db = "xx";
$pass = "xx";
$pdo = new PDO("mysql:host=" . $host . ";dbname=" . $db, $user, $pass);
$rows = array();
if(isset($_GET['brand'])) {
$stmt = $pdo->prepare("SELECT brand FROM cars WHERE brand = ? ");
$stmt->execute(array($_GET['brand']));
$rows = $stmt->fetchAll(PDO::FETCH_ASSOC);
}
echo json_encode($rows);
?>