بارگزاری خودکار اطلاعات توسط ایجکس

در این مقاله خواهید آموخت به چه شکل می توان محتوای یک صفحه بدون رفرش توسط ایجکس بروزرسانی نمود .

منبع : تیم برنامه نویسی راکسمنت
جمعه ، ۲۷ اردیبهشت ۱۳۹۲ - ۲۰:۴۴:۰۰
پیش نمایش DEMOدریافت فایل DOWNLOAD

این آموزش کاربردهای زیادی دارد به طور مثال نمایش کاربران آنلاین بدون نیاز به رفرش صفحه و یا نمایش قیمت شاخص هایی که لحظه ای تغییر می کنند در کل می توان به وسیله این اموزش بخشی و یا کل صفحه را در زمان های منظم بدون رفرش بارگزاری مجدد نمود .

محتوای فایل index

 

 

 

 

 

 

<script type="text/javascript"> function Ajax(){ var xmlHttp; try{ xmlHttp=new XMLHttpRequest();// Firefox, Opera 8.0+, Safari } catch (e){ try{ xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // Internet Explorer } catch (e){ try{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch (e){ alert("No AJAX!?"); return false; } } } xmlHttp.onreadystatechange=function(){ if(xmlHttp.readyState==4){ document.getElementById('ReloadThis').innerHTML=xmlHttp.responseText; setTimeout('Ajax()',5000); } } xmlHttp.open("GET","time.php>",true); xmlHttp.send(null); } window.onload=function(){ setTimeout('Ajax()',5000); } </script> <div id="ReloadThis"> &nbsp;</div>

 

 

 

 

 

 

 

سپس در کنار فایل index یک فایل time.php با محتوای زیر ایجاد می کنیم

 

 

 

 

 

 

 

<?php .="" date="" time=""></?php>

 

 

 

توضیحات  : setTimeout('Ajax()',5000);  عدد 5000 به معنای 5 ثانیه می باشد با تغییر این عدد می توانید زمان بارگزاری را افزایش دهید دقت نمایید هر 1000 یک ثانیه محاسبه می شود

 

 

 

بازگشت