Bootstrap 3 TypeAhead Ajax Suche mit PHP mysql Funktion

Question

Ich versuche, ein kleines PHP+Mysql Projekt zu POO mit TBootstrap als CSS framework zu verschieben. Für dieses Projekt versuche ich eine autosuggest/complete Funktion mit Typeahead im Auge zu behalten. Die Sache ist, dass ich keine Ahnung habe, wie man meinen mysql query mit dem js Teil benutzt. Ich habe einige Beispiele ohne Glück verfolgt:

$(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); 

Danke für jede Hilfe.

Answer 1

Sie können diese versuchen:

JS Teil

$('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 Teil

<?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); 
?>