Our social:

Latest Post

12 Eylül 2015 Cumartesi

PHP'de jQuery/Ajax kullanarak arama yapma - 2.Part

Bu yazı buradaki yazının devamıdır.

Kaldığımız yerden devam ediyoruz.

Sehirler.php dosyamı açarak içerisine aşağıdaki gibi görsel ögelerimi ekliyorum.


SehirAdi şeklinde bir text alanım var. Bu alandaki yazı değiştiğinde veri tabanına giderek girilen text'e uygun kayıtları getirmem gerekiyor. Bunun için de jquery'deki "keypress" fonksiyonunu kullanacağım.

script.js dosyamın ready fonksiyonuna yazmaya başlıyorum.


Input üzerinde tuşa her tıklandığında "AjaxRequest" fonksiyonu tetiklenecek.

Şimdi AjaxRequest fonksiyonumu yazıyorum.


Görüldüğü gibi AjaxRequest fonksiyonum da son derece basit ve anlaşılır. Gelen "word" değeri ile 1.part'ta kontrol amacıyla gittiğimiz url'e istekte bulunuyoruz ve dönen json objesini SehirleriCiz fonksiyonuna gönderiyoruz.

Artık sadece SehirleriCiz fonksiyonu kaldı. O fonksiyonu da aşağıdaki gibi oluşturuyoruz.


Şimdi sayfamızı test edebiliriz.




PHP'de jQuery/Ajax kullanarak arama yapma - 1.Part

Bu yazıda PHP ile AJAX kullanımından bahsedeceğim. Facebook'ta olduğu gibi arama alanına herhangi bir şey yazmaya başladığımızda, yazdığımız kelimeye uygun sonuçları bularak aşağıda göstereceğiz.

İlk olarak kullanacağım dosyaları ve bu dosyalarda hangi işlemleri gerçekleştireceğimi özetleyeyim.


Sehirler.php dosyasına bir text input ile bir div ekleyeceğim.

conn.php dosyasında veri tabanı işlemlerini gerçekleştireceğim.

ajax.php dosyasında conn.php'den bir fonksiyon çağırıp, json döneceğim.

script.js dosyasında jquery işlemlerini gerçekleştireceğim.

jquery.js'nin ne olduğunu zaten hepimiz biliyoruzdur :)

İlk olarak veri tabanı işlemlerimi halletmek için conn.php dosyasında MySQL veri tabanı bağlantısını kuran fonksiyon ile şehirleri getiren fonksiyonu yazıyorum.


Ardından ajax.php dosyamı açarak içerisini aşağıdaki gibi düzenliyorum.


Görüldüğü gibi "op" değerine "SehirleriGetir" yazılması durumunda conn.php'de bulunan SehirleriGetir fonksiyonunu çalıştırıyoruz. Şu ana kadar yaptıklarımızı görmek için tarayıcımdan ajax.php?op=SehirleriGetir&word=ad linkine gidiyorum.


Yukarıdaki gibi bir sonuç dönüyor. Şehir isminde "ad" bulunan şehirler getirilmiş oldu. Veri tabanındaki tablomda bulunan şehirler aşağıdaki gibiydi.


Yazının çok uzun olmaması ve daha kolay takip edilebilmesi için iki parçaya ayırdım. Aşağıdaki linkten okumaya devam edebilirsiniz.

DEVAMINI OKU