帮助一个AJAX PHP和MYSQL Live搜索!
-
11-09-2019 - |
题
我想创建一个为我的网站的Ajax生活搜索。我目前可以查询数据库的标题和我的搜索下显示出来(参见图1.0),但我需要让他们选择,这样,当你选择它们,它将设置的输入值,以该标题,很像上wikipdia搜索维基百科搜索。维基百科的例子是basicly我所期待的。任何帮助将是巨大的。
谢谢, CHL UK
我搜索到目前为止http://www.webquark.co.uk/Search.bmp
图1.0
CODE:PHP DB搜索
<?
// Get value coming from request
$search = mysql_real_escape_string ($_GET['search']);
// Connect to DB
mysql_connect("localhost", "****", "****") or die(mysql_error()) ;
mysql_select_db("*****") or die(mysql_error()) ;
$result = mysql_query("SELECT * FROM dbArticle WHERE title LIKE '%$search%' OR type LIKE '%$search%' OR username LIKE '%$search%'");
while($row = mysql_fetch_array($result))
// Check if name exists in table
if (!empty($row['title'])) {
echo "".$row['title']."<br />";}
if (!empty($row['type'])) {
echo "".$row['type']."<br />";}
if (!empty($row['username'])) {
echo "".$row['username']."<br />";}
//Close connection
mysql_close();
?>
CODE:PHP搜索输入
<div id="navSearch">
<form method="post" action="index.php?pageContent=search">
<li><input type="text" maxlength="30" size="22" name="search" onkeyup="send_requestSearch(this);"/> </li>
<li><input type="submit" value="Search" name="submit"/></li>
<div class="liveSearch" id="livesearch"></div>
</form>
如果你需要看我的JavaScript让我知道。
解决方案
您正在寻找被称为一个建议者控制。尝试使用“AJAX建议”谷歌搜索。你会发现在如何做到这一点的几个教程。这里有一个:链接
其他提示
您可能需要将每返回启用JavaScript的搜索结果,以便用一个onclick它填补它的值写入输入文本。具有带有id
属性标识的文本输入元素将有助于瞄准它一下。我敢肯定,你可以计算出其余部分。我开始像jQuery正好与这些类型的任务。
您也可能希望有结果有CSS规则“cursor: pointer
”,这样它看起来像一个可点击的项目。
不隶属于 StackOverflow