Bootstrap 3 Typeahead php mysql関数を使用したAjax検索

Question

PHP+MysqlプロジェクトをPOOに移動しようとしています。TBootstrapをCSS frameworkとしています。このプロジェクトでは、Typeaheadを念頭に置いてautosuggest/completeの機能を実装しようとしています。私のmysql queryにjsの部分をどのように使用するかはわかりません。私は運がないこのようないくつかの例を続けています：

$(document).ready(function() { //JS 

      $('#product_name').typeahead({ 
       name: 'product_name', 
       remote: '/myproject/core/app/model/ProductData.php?go=%p' 

      }); 

     }) 

//MYSQL SEARCH 
    public static function getsearch($p){ 
     $sql = "select * from products where descr like '%$p%' or name like '%$p%' or id like '%$p%'"; 
     $query = Executor::doit($sql); 
     return Model::many($query[0],new ProductData()); 
    } 


//PHP TO DISPLAY RESULTS IN HTML DATA 
     $go=="name"){ $search=$_GET["product_name"]; 
     $products = ProductData::getLike($search); 

ありがとうございました。

Answer 1

あなたはこれらを試すことができます：

JSの一部

$('input.typeahead').typeahead({ 
     source:function (query,process) { 
      return $.get('search.php',{query:query},function (data) { 
       console.log(data); 
       data = $.parseJSON(data); 
       return process(data) 
      }); 
    } 
}); 

phpの一部

<?php 
$conn = "php db connection" 
$query = $_GET['query']; 
$array = array(); 

$query = mysqli_query($conn,"select * from "your table here" where "column to search in" LIKE '%{$query}%'"); 

while($row=mysqli_fetch_assoc($query)) { 
    $array[] = $row['column to return']; 
} 
echo json_encode($array); 
?>