Bootstrap 3 Typeahead Ajax-поиск с использованием функции PHP MySQL
Я пытаюсь переместить маленький PHP+Mysql проект для POO с помощью TBootstrap как CSS framework, Для этого проекта я пытаюсь реализовать autosuggest/complete особенность с Typeahead в уме. Дело в том, что я понятия не имею, как использовать мой 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);
Спасибо за любую помощь.
Решение
Вы можете попробовать это:
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);
?>
Другие решения
Других решений пока нет …