使用ajax进入转发器来更新数据

时间:2013-09-27 11:16:48

标签: asp.net ajax asp.net-ajax repeater asp.net-controls

我有一个转发器ASP.NET控件,其中包含一个图像滑块,每隔10秒从DB中随机显示3个图像。我使用UpdatePanel ASP.NET控件重新加载这个转发器。每件事情都可以,但我'有问题,当通过10秒页面刷新!我不想刷新页面。如何解决这个问题?
这是ASP.NET代码:

<div id="middleSliderArea">
        <div class="pikachoose">
            <ul id="pikame">
                <asp:Repeater ID="Repeater1" runat="server">

                    <ItemTemplate>
                        <li>
                            <asp:UpdatePanel runat="server" ID="UpdatePanel1">
                                <ContentTemplate>
                                    <asp:Timer runat="server" ID="Timer1" Interval="10000" OnTick="Timer1_Tick"></asp:Timer>
                                    <a href='<%#"MoreInfo.aspx?id="+Eval("ID") %>'>
                                        <img runat="server" src='<%#Eval("Image") %>' /></a><span><%#Eval("Brief") %></span>
                                </ContentTemplate>
                            </asp:UpdatePanel>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>
    </div>  

你可以在10秒后看到这种效果here

1 个答案:

答案 0 :(得分:0)

在页面加载后,您需要在开始时将所有图像ID从DB传送到客户端(您使用JSON对象)。 然后使用“setInterval javascript方法”并调用另一个Javascript方法(用于检查changeImage())。

在changeImage()方法中,您可以在转发器中选择img元素,而不是更改值和图像。我知道现在没有为您提供解释,如果您需要更多我可以帮助您..