部分刷新頁面，使用jQuery刷新div嗎？

Question

我將我的網頁分為多個區域，這些區域使用一個表以及不同的表行和單元格進行划分。

我的一個表格單元格的內容需要不時刷新，然后才能加載新條目。 我不想刷新整個頁面，而只刷新表格單元格。 我在單元格中放置了一個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秒鍾后，我要刷新的部分消失了，並顯示了我頁面的文本URL，然后返回了內容，但是表行高於我要刷新的表行。

我在頁面上確實得到了一個錯誤，但我認為是因為刷新后所有表行都重復了。

未捕獲的Sys.InvalidOperationException：Sys.InvalidOperationException：控件已與元素關聯。

Answer 1

我不確定，但是嘗試這個

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

/ *或如果您想每5秒鍾刷新一次* /

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