PHP ve Jquery Ajax ile anahtar ve değer ikilisinden oluşan verinin $.getJSON ve $.each fonksiyonu yardımıyla kullanımı |
|||||||||
PHP ile veritabanı bağlantısı kurup verileri satır satır tablodan çekip Json verisine çevireceğiz ve
istemciye yollayacağız. Bu işi yaptığımız php
dosyasına, Jquery $.getJSON fonksiyonu ile Ajax isteğinde bulunacağız ve gelen Json verisini $.each
fonksiyonuyla ayıklayacağız. Bu ayıklama işlemini anahtar ve değer ikilisi mantığıyla hazırladığımız
Json verisi üzerinde Jquery ile yapacağız. Kısaca PHP ile istemciye Json verisi yollayacağız ve
Jquery ile veriyi ayıklayıp kullanıcıya göstereceğiz.
PHP ile veritabanından json verisi yaratacağımız tablo verilerine göz atalım. Tabloda örnek vermek amacıyla rasgele veri girdim. Tablonun adı 'people' ![]() PHP ile anahtar ve değer düzeniyle Json verisi yaratma kısmı :Şimdi tablodaki verileri Json verisine çevirecek PHP dosyamızı oluşturalım.php-json-ajax.php : // veritabanına bağlanıyoruz. $conn = mysql_connect('localhost','root',''); mysql_select_db('test' ); // people tablosundan verileri çekiyoruz. $result = mysql_query("SELECT * FROM people"); // verileri dolduracağımız diziyi yaratıyoruz. $people = array(); // while döngüsünde tablodan verileri satır satır alarak // people dizisine ekliyoruz. while ($row = mysql_fetch_assoc($result)) { array_push($people, $row ); } // Verileri içeren diziyi ekrana bastırıyoruz. echo json_encode($people);İnternet tarayıcısını açıp çıktıya bakalım istediğimiz gibi bir Json verisi elde edebildik mi: ![]() Yukarıda gördüğümüz Json verisine dikkatli baktığımızda tablodaki satırlar birer dizi olarak ana diziye eklenmiş. Mavi renkte olan satırları kırmızı olanlar ise satırdaki sütün isimlerini ve değerleri barındırıyor. Jquery ile ajax isteğinde buluncağımız $.Json fonksiyonunu ve gelen Json tipi veriyi işleyecek callback fonksiyonunu yazmamız gerekiyor bu aşamada. Jquery $.getJSON ve $.each fonksiyonu kullanma kısmı :Jquery kütüphanesini sunucuya (php-json-ajax.php dosyasına) yapacağımız Ajax isteği daha rahat olduğu için tercih ediyoruz. Tabi anahtar ve değer ikilisi düzeniyle gelen Json tipi verisiyi işlemek için $.each fonksiyonun rahatlığından yararlanacağız. Boş bir .html dosyası oluşturup head kısmına aşağıdaki Jqery kodunu <script> etiketleri arasına ekleyelim.Jquery kodumuz: $(document).ready(function () { // json verisini alacak php dosyasının adresini // bu global değişkene yazıyoruz. var json_verisi_alinacak_php_dosyasi = 'php-json-ajax.php' ; // Jquery getJson fonksiyonu ile Json verisini sayfa yenilenmeden alıyoruz. $.getJSON( json_verisi_alinacak_php_dosyasi, { }, function(data){ // Verileri satırlara bölecek each fonksiyonu $.each(data, function(key, value){ // Satırı geçici olarak satir değişkenine kaydediyoruz. var satir = value; // Satırı sütünlara bölecek each fonksiyonu $.each(satir, function(key, value){ // satır ismini ve değerini okuyarak id özniteliği 'icerik' // olan div elamanına ilgili satırın sütün // ismini ve değerini ekliyoruz. $('#icerik').append(key + " : " + value + '<br />'); }); }); }); });$('div #icerik') ile verileri göstereceğimiz div elamanını seçiyoruz. Bu yüzden oluşturduğumuz .html dosyasının body kısmına id özniteliği 'icerik' olan bir div elemanı (< div id="icerik"> </div> ) eklememiz gerekeyiyor. Sıfırdan yarattığımız bu .html dosyasını internet tarayısında sonucuna bakalım: ![]() Sonuç olarak Jquery ile sunucuya Ajax istediğinde bulunup gelen cevabı (Json verisini) işleyip ekranda gösterdik. Örnekle ilgili dosyaları json-jquery-php-anahtar-deger'den indirebilirsiniz. |
|||||||||
|
|||||||||
|
May 2013 (1)
July 2010 (1)
April 2010 (4)
March 2010 (1)
February 2010 (3)
December 2009 (2)
November 2009 (1)
October 2009 (4)
September 2009 (16)
August 2009 (21)
July 2009 (4)
July 2010 (1)
April 2010 (4)
March 2010 (1)
February 2010 (3)
December 2009 (2)
November 2009 (1)
October 2009 (4)
September 2009 (16)
August 2009 (21)
July 2009 (4)
Jquery ve css ile hare ..
PHP 5 ile OOP ( Object ..
PHP ile JSON veri oluş ..
Bir Tasarım Şablonu: S ..
PHP ile Regular Expres ..
Essential C# 3.0 E-boo ..
Mysql veritabanında St ..
ASP.NET ortamında Jque ..
Cookie v.s. Session | ..
PHP Pear MDB2 modülü i ..
PHP 5 ile OOP ( Object ..
PHP ile JSON veri oluş ..
Bir Tasarım Şablonu: S ..
PHP ile Regular Expres ..
Essential C# 3.0 E-boo ..
Mysql veritabanında St ..
ASP.NET ortamında Jque ..
Cookie v.s. Session | ..
PHP Pear MDB2 modülü i ..
Etiketler
| Asp.net | Büyük-boyut | Cookie | Çerez | Deserialize | Dosya | Eklenti | Erişim | Firefox | Flv | Google-ajax-web-search | Google-bot | Google-servis | Http-session | İsim-değişikliği | Json | Kullanıcı | Mozilla | Oturum | Php | Session | Sınıf | Tablo | Tablo-değişikliği | Url-rewriting | User-agent-switcher | Veritabanı | Web-request | Web-response | Web-sunucusu | Zaman |arama
Loading
sosyal




