2014-02-06 114 views
1

我把我的網頁分成了幾個區域,這些區域使用表格和不同的表格行和單元格進行劃分。部分刷新頁面,用jQuery刷新div?

我的一個表格單元格的內容需要不時地刷新,然後加載新的條目。我不想刷新整個頁面,而只是表格單元格。我已經在單元格中放置了一個div,以便更容易地進行刷新。

<asp:TableRow style="width:100%; height:auto;"> 
<asp:TableCell style="width:100%; height:auto;" ColumnSpan="5" VerticalAlign="Top"> 
    <div id="tableHolder"> 
     <ICCM:clsICCMWebPartZone ID="LowerZone" runat="server" AllowLayoutChange="true" LayoutOrientation="Vertical" style="width:100%; height:auto;" TitleBarVerbButtonType="Image" WebPartVerbRenderMode="TitleBar" > 
     <ZoneTemplate> 
     </ZoneTemplate> 
     <DeleteVerb ImageUrl="~/ICCMImages/Close.png" Visible="false"/> 
     <RestoreVerb ImageUrl="~/ICCMImages/Maximise.png" /> 
     <MinimizeVerb ImageUrl="~/ICCMImages/Minimise.png" /> 
     </ICCM:clsICCMWebPartZone > 
    </div> 
</asp:TableCell> 
</asp:TableRow> 

正如你可以看到我想要刷新的div有ID tableHolder。

以下是我嘗試過的兩種方法,但無法工作。 refreshTable()函數從文檔就緒中調用。

function refreshTable() { 

    setTimeout(function() { 
     var pathtopage = window.location.href; 
     $('#tableHolder').html(pathtopage).load(pathtopage + '#tableHolder'); 
    }, 5000); 

// $('#tableHolder').load('LowerZone', function() { 
//  setTimeout(refreshTable, 5000); 
// }); 
} 

什麼正在發生的事情當刷新被觸發,我想刷新消失,我的網頁的文本鏈接的部分顯示的是5秒後,然後將內容回報,但在一個表中的行,我想刷新副本。

我確實在頁面上出現錯誤,但我認爲它是因爲所有我的錶行都在刷新後重復。

未被捕獲的Sys.InvalidOperationException:Sys.InvalidOperationException: 控件已經與該元素關聯。

+0

我認爲'load'應該是這樣的: '('#divToBeLoaded')。load(document.URL +'#divToBeLoaded');' –

+0

仍然刷新但重複了上面所有的表格行,刷新也暫停了我的整個屏幕。 – Pomster

+0

在結束refreshTable函數之前嘗試添加'return false;'語句。 – adripanico

回答

0

林不知道,但嘗試這個

setTimeout(function(){$('#tableHolder').html($('LowerZone').html());},5000); 

/*,或者如果您想刷新每個5個secondes */

setInterval(function(){$('#tableHolder').html($('LowerZone').html());},5000); 
+0

對不起新的快速問題,setTimeout和setInterval有什麼區別? – Pomster

+0

@Pomster [在這裏你可以找到文檔](https://developer.mozilla.org/en-US/docs/Web/API/Window.setInterval)。 – moonwave99

+0

SetTimeout vs SetInterval:http://stackoverflow.com/q/2696692/1356321 – Pomster