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.

Sweetalert2 Ajax Post Kullanımı

Sweetalert bilmeyeniniz varsa buraya tıklayabilirsiniz. Burada kullanımı ile ilgili bir çok yol yöntem mevcut. Sweetalert genel olarak kullanıcıya böyle güzel güzel bildirim pencereleri sunan bir mesaj kutusu diyeyim. kendileri de kendi yaptıkları ürün için güzel, responsive, düzenlenebilir bir mesaj kutusu olarak nitelendirmiş. Ben yarın birgün lazım olur diye ajax postu buraya atıyorum.

Kullanmak için ilk önce; https://unpkg.com/sweetalert/dist/sweetalert.min.js bu js dosyasını sayfaya ekliyoruz. script olarak aşağıdaki kodu yazıyoruz. diyeceksiniz ki bunu verdin de sonucunu nasıl php dosyasından alacağız ? onu da veriyorum.
Okumaya devam…

Aynı id’ye sahip nesnelerin value bilgisi alma

Merhabalar. Başlık biraz değişik gelebilir fakat aşağıda eminim resmi görünce anlayacağınızı umuyorum. Belki o zaman bana da başlık önerisinde bulunabilirsiniz.

aşağıdaki resme baktığınızda(resme tıklayın büyüyor) en son tarafta “bilgileri güncelle” yazıyor. bu bir input type normalde. daha güzel görüktüğü için input kullandım. ama bu bir form değil. inputun içine tıklayınca otomatik olarak get ile başka bir sayfaya arka planda istek gönderiyor. şimdi duruma göre 10 tane duruma göre 100 tane aynı idye sahip inputum oluyor. bu linklerin içeriği her seferinde de değişiyor. biz hangisine tıklarsak tıklayalım aynı değeri almayıp sadece tıkladığımız değeri alması için aşağıdaki kodları kullanabiliriz.
Okumaya devam…