使用PHP和MYSQL通过jquery ui自动完成的搜索栏

Question

我想在我的网站中添加一个搜索栏，所以我添加了jQUery UI自动完成搜索，它的工作原理就像一个超级按钮，并且从数据库中显示结果。但是，如果用户单击列表中的结果，我需要将用户重定向到该产品页面。这是navigation.php中的代码：<div id="search-div">  <form action="#" id="form-search" method="POST" class="form-inline">    <input id="language" type="text" placeholder="Search for a product" style="padding-left:15px;">    </form></div><script>$("#language").autocomplete({  appendTo: $("#language").parent(),  source: function(data, cb){    $.ajax({      url: '/tutorial/admin/parsers/ajax.php',      method: 'GET',      dataType: 'json',      data: {        title: data.term      },      success: function(res){      cb(res);      }    });  }});</script>这是ajax.php代码：<?phprequire_once $_SERVER['DOCUMENT_ROOT'].'/tutorial/core/init.php';$data = array();if (!empty($_GET['title'])) {  $title = strtolower(trim($_GET['title']));  $sql = "SELECT title FROM products WHERE title LIKE '" .$title. "%'";  $result = $db->query($sql);  while ($row = mysqli_fetch_assoc($result)) {    array_push($data, $row['title']);  }}echo json_encode($data);exit; ?>我希望用户重定向到的页面是products.php？details = 20，其中20是产品的ID，它是GET方法页面。如果用户从搜索列表中单击此产品，如何使基于ID的产品页面重定向？

Answer 1

select: function(event, ui) {

   doSearch(ui.item.title);

}

function doSearch(term) {

    window.location.href = 'Search.php?q=' + term;

}

search.php是您的控制器或包含业务逻辑文件。您可以根据需要传递查询参数。