Sayfa yenilemeden html içerisinde bir veri güncelleme yardım ricası

Merhaba,

Jqery ile HTML bir tablo oluşturup sayfaya ekliyorum ve her 50 saniye de bir sayfayı yeniliyorum.
Yeni veri geldiğinde DOM üzerinde sadece değişiklik olan kısmı nasıl güncellerim?

Fikri olan herkesin desteğini rica ederim.



Teşekkürler,

Backend'i de siz mi yazıyorsunuz hangi dil ile ?

Bu işler genelde js ile yapılıyor. tam olarak ne yaptığınıza bağlı olarak node.js angular vue vb. frameworkleri araştırabilirsiniz.

Anahtar kelimeler;
JQuery ajax
Javascript document

php



herşey tamam.
Tek sorun tümü ile her seferinde ajax ile veriyi alıp sayfaya koymak.
1 tane değişiklik için komple callback yapıyorum maalesef.
Tabi her seferinde farklı yerler ve alanlarda değişebilir 1 de olabilir 100 de..



herşey tamam.
Tek sorun tümü ile her seferinde ajax ile veriyi alıp sayfaya koymak.
1 tane değişiklik için komple callback yapıyorum maalesef.
Tabi her seferinde farklı yerler ve alanlarda değişebilir 1 de olabilir 100 de..



Vue js'de computed diye bir kavram var ama JQERY den sonra ona tamamen geçmek zaman alacak.

Anladığım kadarıyla ajax sorgusundan gelen veriyi, oluşturduğun tablonun tamamını yeniden render etmek yerine içerisindeki ilgili veriyi render etmek istiyorsun. Açıkcası React, Angular gibi JavaScript frameworklerini kullanırsan state mantığı ile yapabilirsin. Ama jQuery de ilk aklıma gelen her bir td elemanına data attribute değeri verirsin. Ajax'dan gelen veride de data değerini geçersin. jQuery de data seçicisi ile seçip DOM manipülasyonu yapabilirsin.

Eğer yapamazsan mesaj at yardımcı olayım.

Güzel bir fikir hiç örnek varmıdır?
Selamlar.

Aşağıdaki linkte senin için basit bir örnek yaptım. Her bir saniyede id değeri number değerine eşit olan hücrenin içeriğini değiştiriyor. Sende ajax sorgusundan success döndüğünde aynı mantıkta yapabilirsin.

Link: https://codepen.io/vrlylcn/pen/PoYjRod?editors=1010