2013-07-02 106 views
0

例如自动刷新从另一个页面

<script type="text/javascript"  src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
<script type="text/javascript"> 
var auto_refresh = setInterval(
function() { 
    $('#div').load('another.page'); 
}, 1000); 
    </script> 

我不想“another.page”加载我只是想refreh不加载div的,在“#div” DIV是有可能 如果它是如何

谢谢

+0

如果你不想加载新的东西到DIV中,那么刷新它意味着什么? – Barmar

+0

如果您不在另一个页面的div中加载任何内容,则每次在同一视图中修改它时,它都会自动刷新(不需要任何功能)。你能否向我们解释一下你想用一个例子来做什么? – maqjav

+0

为什么不试试ajax。 – user2587222

回答

0

这里是如何更新一个div的内容而无需重新加载页面的例子。这是有点不清楚你想从你的问题,所以我希望这会有所帮助。

HTML

<div id="divID"></div> 

的JavaScript

var counter = 1; 
var auto_refresh = setInterval(
function() { 
    var newcontent= 'Refresh nr:'+counter; 
    $('#divID').html(newcontent); 
    counter++; 
}, 1000); 

活生生的例子here

0

你不能像这样只加载页面的一部分。但是你可以加载所有的页面并获取你想要的部分。例如:

$.get('anoter_page.html',function(data){ 
myDiv = $(data).find('#divID'); 
$('#divID').html(myDiv.html()); 
}) 

例子:JSFiddle

2

如果我理解正确的话,你的问题是自动重新渲染DIV。所以有很多方法可以强制element重新渲染(没有重新加载) - 我发现的最有效的方法是快速切换element的风格。

即:

设置display属性none

element.style.display = 'none'; 

,然后将其返回到block

element.style.display = 'block'; 

这里是JSFiddle你的榜样的工作演示。

备注:这是纯粹的JavaScript

+0

+1为重新投降技巧 – TecHunter