Jquery（Autocomplete）PHPからの返信クエリ

Question

私は解決策が何であるかはっきりしていないという小さな問題があります。 私はJqueryを使ってautoCompleteをやっていますが、私はデータベースからデータを取得し、以下のイメージでこれが必要な形式になっているPHPファイルを持っています。私のhtmlで

http://prntscr.com/hgxjsc

私は、インデントの問題によって、より良い視覚化のための次のコード

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

に持って

http://prntscr.com/hgxo8z

どのような方法で助けることができる誰でも、I感謝しています、私はこの分野で初めてです。あなたがそれを行う方法の例を持っていれば、より良いまだ...あらかじめありがとう

すみません、私の英語はあまり良くありません。

Answer 1

この手順を順番に実行することをおすすめします。

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 codeの場合、

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

たとえば、HTMLコード。

<div class="ui-widget"> 
    <label for="skills">Skills: </label> 
    <input id="skills"> 
</div> 

幸運。