PHP Live Search Yapmak

Database Ayarlama:

Bi tablo oluşturalım aşağı fazla problem yapmayın 🙂

CREATE TABLE ‘user_name’
(
user_id INT(20) PRIMARY KEY,
first_name TEXT
);

kodları koyalım

Dizayn ayarlayalım biraz:

head kısımları var

index.html
<html>
<head>
<title>Ajax Search Box using PHP and MySQL</title>
<script src=“http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”>        </script>
<script src=“typeahead.min.js”></script>
</head>
<body>
<input type=“text” name=“typeahead”>
</body>
</html>

PHP çağırma ve script ile _GET Aldırma

index htmlde kullanım için aşağıda var kodlar

index.html
  <script>
$(document).ready(function(){
$(‘input.typeahead’).typeahead({
name: ‘typeahead’,
remote:‘search.php?key=%QUERY’,
limit : 10
});
});
</script>

otomatik olarak doldurulucak kısım gordugunuz gibi script ile limiti 10 ayarladım

MySQL ve Json Kullandırma

 

get ile alacaz aşağıda search.php de olması gereken kodlar yer almaktadır.

search.php
<?php
$key=$_GET[‘key’];
$array = array();
$con=mysql_connect(“localhost”,“root”,“”);
$db=mysql_select_db(“database name”,$con);
$query=mysql_query(“select * from table_name where <coloumn_name> LIKE ‘%{$key}%'”);
while($row=mysql_fetch_assoc($query))
{
$array[] = $row[‘title’];
}
echo json_encode($array);
?>

Kendinize göre değiştirebilirsinzi table_name kısmını tabi biraz anlamak gerekir.

Yorum Yazın

Email adresiniz yayınlanmayacak.