Səhifə yenilənmədən daima artıb azalan rəqəmi ekranda göstərmək

Şükür Hüseynov

2

(11:06, 03/09/2019 ) #76084

Salam
1. Yuxarıda da deyildiyi kimi, Ajax vasitəsilə edə bilərsiz. Məsələn, səhifə yenilənmədən, ajax vasitəsilə səhifənin bir yerində zamanı dəyişmək istəyirsiz. Bunun üçün, html səhifəsi:

<div id="time"></div>

setInterval(function(){
$.ajax({url: "c.php",method: "post",  success: function(result){
$("#time").html(result);
}});
},1000);

Növbət olaraq c.php səhifəsi:

Beləliklə səhifə yenilənmədən divin daxilindəki məlumat yeniləcək. Bunu tək javascriptlə də etmək olardı, ancaq, bu sadəcə nümunə idi. Nümunəni daha da mürəkkəbləşdirmək olar.
2. Ajaxa oxşar load metodu. Yuxarıdakı html səhifsənin kodunu aşağıdakı şəkildə dəyişək:

<div id="time"></div>

setInterval(function(){
$("#time").load("c.php");
},1000);

Hətta nümunəni yazarkən ajaxda ləngimələr yaşadım, ancaq, load() metodu çox rahat işlədi.
3. Səhifəyə iframe yerləşdirmək və iframei daimi olaraq yeniləmək.

setInterval(function(){
$("#iframe").attr("src","c.php");
},1000);

4. Websocket. Çatlarda və buna oxşar tətbiqlərdə istifadə etmək üçün əlverişlidir. Yuxarıdakı nümunələrdə daimi yenilənmə üçün 1 saniyədən 1 əməliyyat yenidən aparılmalı idi. Ancaq, Websocketdə serverlə səhifə arasında əlaqə açıq qalır və daimi yenilənməyə ehtiyac duyulmur. Buna görə də server daha az yüklənir. Bu səbəbdən də, çat tipli tətbiqlərdə Websocket istifadə etmək daha əlverişli olur. Websocket nümunəsi üçün Buraya baxa bilərsiniz.