Jquery(自动完成)从php返回查询

时间:2017-11-29 19:14:23

标签: javascript php jquery json

我有一个小问题,我不太确定解决方案是什么。 我正在使用Jquery进行autoComplete,我有一个php文件,它从数据库中获取数据并将其保留为我需要的格式,如下图所示。

http://prntscr.com/hgxjsc

在我的HTML中我有以下代码

<input type="text" id="input_produto" value="" name="input_produto" placeholder="Produto" class="span4 m-wrap">

通过标识问题进行更好的可视化

http://prntscr.com/hgxo8z

任何能以任何方式提供帮助的人,我将不胜感激,我是这个领域的新手。如果你有一个如何做的例子,那么更好...提前谢谢你

对不起,我的英语也不是很好。

1 个答案:

答案 0 :(得分:0)

我建议按顺序执行这些步骤。

对于php代码;

<?php
//database configuration
$dbHost = 'localhost';
$dbUsername = 'root';
$dbPassword = '';
$dbName = 'codexworld';

//connect with the database
$db = new mysqli($dbHost,$dbUsername,$dbPassword,$dbName);

//get search term
$searchTerm = $_GET['term'];

//get matched data from skills table
$query = $db->query("SELECT * FROM skills WHERE skill LIKE '%".$searchTerm."%' ORDER BY skill ASC");
while ($row = $query->fetch_assoc()) {
    $data[] = $row['skill'];
}

//return json data
echo json_encode($data);
?>

对于Jquery代码;

<script>
   $(function() {
       $( "#skills" ).autocomplete({
          source: 'search.php'
       });
    });
</script>

例如Html代码;

<div class="ui-widget">
  <label for="skills">Skills: </label>
  <input id="skills">
</div>
祝你好运。