避免在执行计时器滴答功能时回发

Question

我需要在我的网站中更新图像而不在页面中回发。所以，我在广告旋转器中加载了图像以在图像之间切换。

我还使用计时器滴答功能来刷新广告旋转器中的图像。

但是当定时器滴答函数刷新整个页面时，整个页面都会被刷新，以便我在页面中声明的所有函数都被重新加载。

我只需要广告旋转器图像中的图像应该刷新而不是整个页面。

我需要避免整个页面刷新。请帮助我。

$(document).ready(function() {
    setInterval(function() {
        $('#<% = addrotat.ClientID %>').load(location.href + ' #<% = addrotat.ClientID %> ', '' + Math.random() + '');
    }, 5000);
});

Answer 1

您需要使用 ajax，通过使用具有适当触发器的更新面板，更新面板使页面的部分能够在没有回发的情况下部分呈现。

<asp:UpdatePanel ID="up1" runat="server">
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="yourControl" EventName="yourControlEvent" />
        </Triggers>
        <ContentTemplate> your  content goes here       </ContentTemplate>

    </asp:UpdatePanel>    

你可以检查这个链接

更新面板，带触发器，

更新面板文档

不刷新页面的adrotator示例