部分刷新页面,使用jQuery刷新div?

时间:2014-02-06 11:21:31

标签: javascript jquery ajax

我将我的网页拆分为区域,这些区域使用表格和不同的表格行和单元格进行划分。

我的一个表格单元格的内容需要时不时刷新才能加载新条目。我不想刷新整个页面,只想刷新表格单元格。我在单元格中放置了一个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:   控件已与元素关联。

1 个答案:

答案 0 :(得分:0)

我不确定但是试试这个

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

/ *或者如果你想刷新每个5秒* /

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