django 스크롤 로드 기능 구현

django로 커뮤니티 사이트 notewo를 만들고 있습니다.com, 사실 구글+와 같은 스크롤 로드 기능을 실현해야 한다고 생각했어요.어떻게 하면 좋을지 계속 생각했어요.
현재 정리된 단계는 다음과 같습니다.
첫 번째,django의 페이지 나누기 기능을 실현합니다.
 

  
  
  
  

   
   
   
   
vim views.py 
   
   
   
   
from django.core.paginator import Paginator,InvalidPage,EmptyPage 
   
   
   
   
 
   
   
   
   
 
   
   
   
   
def myBlog(request): 
   
   
   
   
    form = PostForm(request.POST) 
   
   
   
   
    commentform = CommentForm() 
   
   
   
   
     
   
   
   
   
    posts_list  = Blog.objects.order_by('-date').all() 
   
   
   
   
  
   
   
   
   
    paginator = Paginator(posts_list,20)  #  20   
   
   
   
   
    try : 
   
   
   
   
        page = int(request.GET.get('page','1')) 
   
   
   
   
    except ValueError: 
   
   
   
   
        page = 1 
   
   
   
   
 
   
   
   
   
    try : 
   
   
   
   
         posts = paginator.page(page) 
   
   
   
   
    except (EmptyPage,InvalidPage): 
   
   
   
   
         posts = paginator.page(paginator.num_pages) 
   
   
   
   
     
   
   
   
   
    t = get_template('notewo/blog.html') 
   
   
   
   
    c = RequestContext(request,locals()) 
   
   
   
   
    return HttpResponse(t.render(c)) 
  
  
  
  

 

  
  
  
  

   
   
   
   
{% for  post in posts.object_list %} 
   
   
   
   
   <li class="box bloglist" > 
   
   
   
   
       (        html   ) 
   
   
   
   
   </li> 
   
   
   
   
 {% endfor %} 
   
   
   
   
   <li class="page"> 
   
   
   
   
       <div class="pagination"> 
   
   
   
   
              <span class="step-links"> 
   
   
   
   
           {% if posts.has_previous %} 
   
   
   
   
                  <a href="?page={{ posts.previous_page_number }}">previous</a> 
   
   
   
   
           {% endif %} 
   
   
   
   
 
   
   
   
   
          <span class="current"> 
   
   
   
   
                  Page {{ posts.number }} of {{  posts.paginator.num_pages }}. 
   
   
   
   
          </span> 
   
   
   
   
 
   
   
   
   
              {% if posts.has_next %} 
   
   
   
   
                    <a href="?page={{ posts.next_page_number }}" class="nextpage">next</a> 
   
   
   
   
                       <a   class="nextpage2">next</a> 
   
   
   
   
              {% endif %} 
   
   
   
   
              </span> 
   
   
   
   
       </div> 
   
   
   
   
   </li> 
  
  
  
  

2단계,
너는 주의해야 한다. 위에 내가 한 가지 썼다.
 

  
  
  
  

   
   
   
   
<a   class="nextpage2">next</a>  
  
  
  
  

를 입력합니다.동생은 재주가 없어서 이런 어리석은 방법을 빌릴 수밖에 없다.내리내리다
 

  
  
  
  

   
   
   
   
function getnextpage(){ 
   
   
   
   
 
   
   
   
   
    $(".nextpage2").click(function(){ 
   
   
   
   
        var href = $(".nextpage").attr("href"); 
   
   
   
   
        console.log(href); 
   
   
   
   
        $.ajax({ 
   
   
   
   
            type:"get", 
   
   
   
   
            url: href, 
   
   
   
   
            success:function(data){ 
   
   
   
   
             var html = $(data).find(".showblog").html(); 
   
   
   
   
             $(".pageli").remove(); 
   
   
   
   
             $(".showblog").append(html); 
   
   
   
   
                //         
   
   
   
   
                getnextpage(); 
   
   
   
   
            } 
   
   
   
   
        }) ;//end ajax 
   
   
   
   
    }); // end    $(".nextpage) 
   
   
   
   
} 
  
  
  
  

$(".showblog")는 최상위 수준 ul입니다.
$(".nextpage2")가 클릭되면 $(".nextpage")를 터치하여 되돌아오는 데이터를 잡고 그 중의 li 데이터를 l의 끝에 추가합니다.
만약 여러분이 스크롤 끝까지 자동으로 추가하기를 원한다면, 다시 개선하는 것은 어렵지 않습니다.잤어요.