Json ile gelen veriyi Jquery ile İşleme

Bu yazıyı askerden sizlere yazıyorum. Umarım işinizi görür.

Öncelikli amacımız json çıktısı olarak gelen 10 veya artık kaç taneyse tek tek ayırmakla uğraşmadan ilgili divleri atamayı göstereceğim. Örneğin json çıktımız şöyle olsun;

<code>{
  "toplam_yiyen": 1,
  "toplam_kisi": 10,
  "hizmet_yiyen": 1,
  "hizmet_kisi": 6,
  "guvenlik_yiyen": 0,
  "guvenlik_kisi": 0,
  "ulastirma_yiyen": 0,
  "ulastirma_kisi": 1,
  "ucaksavar_yiyen": 0,
  "ucaksavar_kisi": 3,
  "istihkam_yiyen": 0,
  "istihkam_kisi": 0
}</code>

Hemen script kodları içine şunları yazıyoruz;

<code>$.getJSON("http://localhost/yemekhane/istatistikler/son.json",function(json){
$("#toplam_toplam").html(json.toplam_kisi);
$("#toplam_yiyen").html(json.toplam_yiyen);
$("#guvenlik_toplam").html(json.guvenlik_kisi);
$("#guvenlik_yiyen").html(json.guvenlik_yiyen);
$("#hizmet_toplam").html(json.hizmet_kisi);
$("#hizmet_yiyen").html(json.hizmet_yiyen);
$("#ulastirma_toplam").html(json.ulastirma_kisi);
$("#ulastirma_yiyen").html(json.ulastirma_yiyen);
$("#istihkam_toplam").html(json.istihkam_kisi);
$("#istikam_yiyen").html(json.istihkam_yiyen);
$("#ucaksavar_toplam").html(json.ucaksavar_kisi);
$("#ucaksavar_yiyen").html(json.ucaksavar_yiyen);
});</code>

$(“#isim”) yazan yerler ilgili div’imizin idleri. Yani toplam_toplam idsine sahip divin içine json verisinin içinde yer alan toplam_kisi değerini aktarıyoruz. Hepsi bu kadar.