refresh - 在Div中,重新加载页面

  显示原文与译文双语对照的内容

我有一个php脚本可以监视我的一个网络设备,并显示屏幕上的各种基本统计数据。 这工作正常,我不需要改变它所读的内容。

我现在已经配置了这个脚本,所以它每 5秒重新加载一次,以提供近实时更新。

我想改变它,这样这个页面被加载到一个DIV中,而且只有这个 DIV 。 我使用JQuery成功地使用了它,并使用了在线找到的Ajax DIV刷新脚本。

我所拥有的问题是这里方法与普通页面刷新相比所使用的资源数量。

负载平均为 3%个CPU使用后的基本脚本。 大约 22%和 16%左右的JQuery版本。

有没有办法将页面重新加载到一个没有使用更多资源的DIV中。

我使用的jquery是:


 $("#new_stats").load('stats.php');
 }, 3000);

Ajax脚本是:


var seconds = 5;
var divid ="new_stats";
var url ="stats.php";

////////////////////////////////
//
//Refreshing the DIV
//
////////////////////////////////

function refreshdiv(){

//The XMLHttpRequest object

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("Your browser does not support AJAX.");
return false;
}
}
}

//Timestamp for preventing IE caching the GET request

fetch_unix_timestamp = function()
{
return parseInt(new Date().getTime().toString().substring(0, 10))
}

var timestamp = fetch_unix_timestamp();
var nocacheurl = url+"?t="+timestamp;

//The code...

xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
document.getElementById(divid).innerHTML=xmlHttp.responseText;
setTimeout('refreshdiv()',seconds*1000);
}
}
xmlHttp.open("GET",nocacheurl,true);
xmlHttp.send(null);
}

//Start the refreshing process

window.onload = function startrefresh(){
setTimeout('refreshdiv()',seconds*1000);
}

谢谢 : )

更新这是我使用的JQUERY 。


$(document).ready(function() {
 $("#new_stats").load("stats.php");

 var refreshId = setInterval(function() {
 $("#new_stats").load('stats.php');
 }, 5000);
 $.ajaxSetup({ cache: false });
});

抱歉,上次只发布了一部分。

时间: 作者:

你需要设置一个间隔:


$(document).ready(function() {
 $("#new_stats").load("stats.php");

 setInterval(function() {
 $("#new_stats").load('stats.php');
 }, 3000);
});

作者:
...