بارگذاری اطلاعات صفحه بدون رفرش

[Tony Montana]

با سلام
برای فراخوانی اطلاعات در مقطع زمانی خاص باید از Ajax استفاده کرد اما کد مورد نظر را پیدا نکردم .
در سایت زیر یک تایمر وجود دارد که در زمان صفر شدن تایمر ، محتویات صفحه به روز می شود ولی صفحه رفرش نمی خورد .

www.mazanehx.com

http://iv.pl/images/88802691415737212291.png

لطفا ً کدی را در اختیار من بگذارید که اول تایمر داشته باشد و دوم محتویات صفحه را بدون رفرش بروز رسانی کند .

[blackmak]

خوندن اطلاعات هر ثانیه (http://barnamenevis.org/showthread.php?346422-%D8%AE%D9%88%D9%86%D8%AF%D9%86-%D8%A7%D8%B7%D9%84%D8%A7%D8%B9%D8%A7%D8%AA-%D9%87%D8%B1-%D8%AB%D8%A7%D9%86%DB%8C%D9%87&p=1527990#post1527990)

[Variable]

به صورت کلی اینجوری میشه جیکوئری هم بهتره که استفاده کنید .
اینجا تو هر 15 ثانیه کدی اجرا میشه که داد ها رو از سرور میخونه و در یک عنصر مورد نظر در فرم قرار میده



var time=0;
var id=setInterval(function(){
time++;
if(time>=15)
{
getAjaxToForm();
time=0;

}
},1000);

function getAjaxToForm(){
var data=getDataFromServer('url.php');
var element=getElement_for_Refresh('id_of_element');
element.innnerHTML(data);
}

[Tony Montana]

ممنون از راهنمایی که کردین ولی از انجا که من اطلاعات زیادی از جاوا ندارم 2 سوال برایم پیش امد
اول اینکه این کد شمارش معکوس برای بارگذاری مجدد اطلاعات را ندارد
دوم اینکه وقتی اطلاعات جدید را لود می کند ان را کنار اطلاعات قبلی نمایش می دهد و در اصل در یک خط ادامه پیدا می کند تا بی نهایت و اطلاعات قبلی را از صفحه پاک نمی کند
ممنون میشم راهنمایی کنید

[blackmak]

برای اولین مشکل میتونید یه شمارنده بگذارید و به اون مقدار اولیه مثلا 15 بدید بعد توی یک تایمر که هر یک ثانیه اجرا میشه مقدارش را کم کنید و با هر بار کم کردن مقدار را توی یه div نشون بدید.
و مشکل دوم هم به جای append از html استفاده کنید.

[blackmak]

یا به این صورت هم میشه

<script>
$(function()
{

var i = 10;
var time = i;
var refreshId = setInterval(function()
{
$('#counter-div').html(i);
i--;
if(i == -1)
{
i=time;
var rand = Math.random(1000);
$.ajax({ url: './page.php', data:{m:rand}, type: 'POST',
success: function(resp)
{
$('#result-div').html(resp);
}
});
}

},1000);
});
</script>
<div id="counter-div"></div>
<div id="result-div"></div>