Ajax 实时搜索框

Question

这是 html 和 javascript 代码：

    $('document').ready(function(){
    $('input.typeahead').typeahead({
        name: 'typeahead',
        remote:'livesearch.php?key=%QUERY',
        limit : 10
    });
});

<html>
  <head>
    <title>Ajax Search Box using PHP and MySQL</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">        </script>
     <script src="typeahead.js"></script>
    </head>
    <body>
     <input type="text" name="typeahead">
</body>
</html>

php 文件包含：

$key=$_GET['key'];
$array = array();
$query = $db->query(" SELECT * from product WHERE ProductName LIKE '%{$key}%' ") or die (mysql_error());
while($row = $query->fetch())
{
$array[] = $row['ProductName']; 
}
echo json_encode($array);

php 工作得很好。但是我无法在输入框中获取文本

Answer 1

使用

$('input[name=typeahead]')

将预输入功能应用于输入元素。

Ajax 实时搜索框

Ajax livesearch box

php

mysql

json

livesearch