Web Günlüğü

PHP ve Jquery Ajax ile anahtar ve değer ikilisinden oluşan verinin $.getJSON ve $.each fonksiyonu yardımıyla kullanımı

PHP ile anahtar ve değer düzeniyle Json verisi yaratma kısmı :

// 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);

Jquery $.getJSON ve $.each fonksiyonu kullanma kısmı :

 $(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 />');
				
			});	
		});	
			
	});	
  
  });