2013-10-28 1 views
1

jQuery AJAX에 처음 들어서 질문이 너무 분명한 경우 사과드립니다.jQuery AJAX에서 들어오는 데이터를 slideDown 수신

저는 ASP.NET에서 2 개의 webform을 가지고 있습니다. 하나는 데이터베이스에 데이터를 추가하고 다른 하나는 ul-li 형식으로 데이터를 표시하는 것입니다.

지금까지 기본 jQuery AJAX 만 성공했지만 새로운 데이터가있을 때마다 표시됩니다.

새 데이터가 추가 될 때마다 사용자에게 slideDown 형식으로 표시해야합니다.

참고 : 답변이 없습니다. 아래의 답변은 도움이되지 못했습니다.

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $.ajax({ 
       url: 'WebForm1.aspx', 
       success: function (data) { 
        $("#Urunler").html("<li>" + data + "</li>"); 
       } 
      }); 
     }); 
    </script> 
    <style> 
     td 
     { 
      width: 200px; 
      height: 30px; 
      background: yellow; 
     } 
    </style> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 


     <ul id="Urunler" runat="server"> 

     </ul> 


    </div> 
    </form> 
</body> 
</html> 

대단히 감사합니다.

답변

3

당신은 할 수 있습니다 :

$("#Urunler").hide().html("<li>" + data + "</li>").slideDown(); 

당신의 AJAX는 페이지로드에 있기 때문에, 당신은 CSS를 통해 숨겨진 UL 시작하고 .hide(), 어느 쪽이든을 제거 할 수 있습니다.

+0

더 멋진 효과를 얻으려면'.hide()'를'.slideUp()'로 대체하십시오. – SidOfc

+0

@SidneyLiebrand - 그것에 대해 생각해 보았지만 처음에는 UL이 비어 있으면 큰 차이는 없습니다. – tymeJV

+0

사실, OP가 양식을 제출할 때마다 이것을 요구합니다. – SidOfc