Jquery MySQL PHP

PHP ve MySQL ile jQuery Autocomplete Kullanımı

Otomatik Tamamlama metin kutusu(Autocomplete textbox) , kullanıcının önceden doldurulmuş değerler listesinden bir değeri hızlıca bulmasını ve seçmesini sağlar. Kullanıcı alana yazarken önerileri otomatik olarak doldurur. JQuery UI Autocomplete eklentisini kullanarak web sitesine otomatik tamamlama metin kutusunu kolayca ekleyebilirsiniz. JQuery UI Otomatik Tamamlama eklentisi, giriş alanını Otomatik Tamamlama’ya dönüştürür. Kullanıcı otomatik tamamlama giriş alanına yazdığında, bu eklenti eşleşen değerleri aramaya başlar ve aralarından seçim yapmasını sağlar.

Autocomplete textbox, web uygulamasında bir arama girişi alanı uygulamak için kullanıcı dostu bir yol sağlar. Kullanıcı giriş alanına yazmaya başladığında veritabanından önerileri doldurmak istediğinizde çok kullanışlıdır. Bu derste, Otomatik Tamamlama metin kutusunu nasıl uygulayacağınızı ve jQuery, PHP ve MySQL kullanarak veritabanındaki önerileri nasıl göstereceğinizi göstereceğiz.

Örnek kod, programlama dilleri araması için otomatik öneri giriş alanları uygular. Otomatik değerlendirme dilleri veritabanından alınacak ve kullanıcı metin kutusuna yazmaya başladığında metin kutusunun altında listelenecektir.

Veritabanı Tablosu Oluşturma

Otomatik öneriler verilerini depolamak için veritabanında bir tablo oluşturulması gerekir. Aşağıdaki SQL, MySQL veritabanındaki bazı temel alanlara sahip bir diller  tablosu oluşturur ve bir kaç tane veri ekler.

Autocomplete Arama Giriş Alanı

JavaScript Kod:
Autocomplete eklentisini kullanmak için jQuery ve jQuery UI kütüphanesini içeren HTML bloğunu oluşturun.

 

autocomplete() işlevi, autocomplete eklentisini başlatır. Otomatik tamamlama özelliğini etkinleştirmek istediğiniz giriş alanında eleman kimliğinin belirtilmesi gerekir. Ayrıca, otomatik öneriler verilerini almak için yerel veya uzak kaynağı belirtmeniz gerekir.

 

HTML Kodu:
Başlangıçta, dilleri girilmiştir. Öneriler için bir giriş metin alanı sağlanır. Diller veritabanından alınır ve metin kutusuna yazmaya başlarken giriş alanının altında doldurulur. Seçilen değer, forma gönderme işlemi için giriş metni alanına ayarlanacaktır.

 

PHP ve MySQL ile Otomatik Tamamlama Verileri (arama.php)

arama.php dosyası, Autocomplete eklentisinin autocomplete() yöntemiyle çağrılır. Bu dosya, arama terimini temel alan beceri verilerini alır ve PHP ve MySQL kullanarak JSON kodlu bir dizi olarak veri döndürür.

autocomplete() yöntemi, URL’yi kaynaklamak için bir GET isteği yapar ve terim alanı olan bir sorgu dizesi ekler. Böylece, arama terimini PHP GET yöntemini kullanarak alabilirsiniz. Aşağıdaki PHP kodu, kayıtları MySQL veritabanından alın  ve kayıtları $_GET [‘term’] ile filtreleyin. Filtrelenen dil verileri, JSON kodlu bir dizi olarak autocomplete() yöntemine geri döndürecektir.

 

Giriş Değerini ID ile Değiştir

Herşey güzel fakat bu veriyi bir tabloya kaydetmek istersek isim değeri yerine ID değeri veritabanı için önemli olacaktır. Bu nedenle çekilen veriyi seçtiğimizde verinin ID değerini alıp <input> içine kaydedelim.

 

 

 

Yorum bırak