2013-07-02 68 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