리피터에 ajax를 사용하여 데이터를 업데이트하십시오.

Question

DB에서 임의로 10 초마다 3 개의 이미지를 표시하는 이미지 슬라이더가 포함 된 리피터 ASP.NET 컨트롤이 있습니다.이 Repeater를 새로로드하기 위해 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을 볼 수 있습니다.

Answer 1

페이지가로드 된 후 처음부터 모든 이미지 ID를 DB에서 클라이언트 측 (JSON 객체 사용)으로 가져와야합니다. 그런 다음 "setInterval javascript method"를 사용하고 또 다른 Javascript Method (changeImage())를 호출하십시오.

changeImage() 메소드에서 값과 이미지를 변경할 수있는 것보다 repeater에서 img 요소를 선택합니다. 나는 설명이 너에게 지금은 충분하지 않다는 것을 안다, 너가 더 필요하면 너를 도울 수있어.