自动完成，显示搜索词结果吗？
[英]Autocomplete,display search term results?
问题描述
一个简单的问题，是否有人知道如何使php脚本在数据库中搜索与自动完成搜索词有关的记录（如果有任何意义）。
我想我想说的是，当您在Google上搜索某项内容时，一旦您点击某个建议，就会得到自动建议，该建议的结果立即显示出来了……有没有办法做到这一点？ ？
4 个解决方案
解决方案1
0 2014-04-06 17:46:49
基本上，您可以创建一个表单，该表单可以邻接到一个文件，该文件可以通过数据库基于术语提供建议（可能会进行LIKE查询）。
您可以在客户端使用JQueryUI的自动完成功能。
解决方案2
0 2014-04-06 17:49:44
我想您知道如何制作基本的自动完成脚本，对吗？ 您想要的是在用户单击自动完成选项后立即显示结果。 我对吗？
您要搜索的是一个jQuery自动完成插件，该插件具有onComplete动作选择，因此您可以在有人单击选项后显示结果。
像这样的例子： http : //sourcery.devbridge.com/components/jquery-autocomplete/
您可以使用Selected选项通过jQuery的ajax请求加载结果。
希望您能朝正确的方向前进！
解决方案3
0 2014-04-06 18:38:29
请尝试以下方法：
这是HTML页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript">
$(function(){
$('#search_data').autocomplete({
source:'search_data.php', minLength:2
});
</script>
<title>Search</title>
</head>
<body>
<p><label for="term">Search for: </label> <input type="text" name="search_data" id="search_data" /></p>
</body>
</html>
...这是search_data.php页面：
<?php
require 'config.php';
/* prevent direct access to this page */
/* Connect to database and set charset to UTF-8 */
// if the 'term' variable is not sent with the request, exit
if ( !isset($_REQUEST['term']) )
exit;
// connect to the database server and select the appropriate database for use
$dblink = mysql_connect($hostname, $username, $password) or die( mysql_error() );
mysql_select_db($database);
// query the database table that match 'term'
$rs = mysql_query('select item_name from items where item_name like "'. mysql_real_escape_string($_REQUEST['term']) .'%" order by item_name asc limit 0,10', $dblink);
// loop through each result returned and format the response for jQuery
$data = array();
if ( $rs && mysql_num_rows($rs) )
{
while( $row = mysql_fetch_array($rs, MYSQL_ASSOC) )
{
$data[] = array(
'label' => $row['item_name'],
'value' => $row['item_name']
);
}
}
// jQuery wants JSON data
echo json_encode($data);
flush();
?>
解决方案4
0 2018-12-20 12:26:05
对此的最佳答案是：
<html> <head> </head> <body> <style type="text/css"> input::-webkit-calender-picker-indicator{ display: none; } </style> <h1>This form works on ajax</h1> <form id="theform"> <input type="text" name="city" id="city" list="addlist" /> <input type="submit" value="submit" /> </form> <datalist id="addlist" class="response"></datalist> <!-- <div id='response'></div> --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $('document').ready(function(){ $('#city').keyup(function(){ if(!($('#city').val() == '')) { $('#response').html('<b>Loading....</b>'); $.ajax({ type: 'POST', url: 'jqueryfile.php', data: $(this).serialize() }) .done(function(data){ $('.response').html(data); }) .fail(function(){ alert('data not post'); }); return false; }else{$('#response').html('<span></span>');} }); }) </script> </body> </html>
<?php $city = $_POST['city']; $con = mysqli_connect('localhost', 'root', '', 'node'); if(!$con) die("Error in connection"); else echo "<br/>connected successfully"; $sql = "select * from user_details where username like '".$city."%' limit 10"; if(!$result = mysqli_query($con, $sql)) die("error in query"); else echo "<br/>data inserted Successfully"; while($row = mysqli_fetch_array($result)){ echo "<option id=".$row['user_id'].">".$row['username']."</option>"; } mysqli_close($con); ?>
如何查询帖子自定义关系字段并将解析的搜索词包含在循环中并在 WordPress 中显示结果
[英]How do I query posts custom relationship field and include parsed search term into loop and display results in WordPress
当搜索词在 codeigniter 查询中包含 '(' 时没有结果
[英]No results when search term include '(' in codeigniter query
使用Jquery自动完成功能，在带有外部源的学期开始时搜索条目
[英]Using Jquery autocomplete, search for entry at beginning of term with external source
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.