類似twitter的加載更多ajax函數

Question

我想添加一個更多的函數，但是我找不到增加＃next＃變量的位置。

<cfif not isdefined("start")> 
<cfset start=1></cfif> 
<cfset perpage=15> <cfset next=start+perpage> 

<script type="text/javascript"> 
$(function() {  
    $('button').click(function() { 
    console.log(<cfoutput>#next#</cfoutput>);  
    $.ajax({    
    type: 'POST',   
    url: '/ajax/tag_group_ajax.cfm',    
    data: 'group=<cfoutput>#group#</cfoutput>&start=<cfoutput>#next#</cfoutput>',     success: function(html) 
     { 
     $('.articleList').append(html); 
     <cfset next=next+perpage> 
     console.log(<cfoutput>#next#</cfoutput>);   
     }   
     });  
    });  
}); 
</script> 

Answer 1

這樣看來你的問題是，你只能在ColdFusion代碼，而不是JavaScript的遞增next。因此，每次單擊加載更多按鈕時，您都一次又一次加載相同的15個項目。

像這樣的東西應該有所幫助：

<script type="text/javascript"> 
    $(function() { 
    var next = <cfoutput>#start#</cfoutput>; 

    $('button').click(function() { 
     console.log(next); 
     next += <cfoutput>#perPage#</cfoutput>; 

     $.ajax({    
     type: 'POST',   
     url: '/ajax/tag_group_ajax.cfm',    
     data: 'group=<cfoutput>#group#</cfoutput>&start=' + next, success: function(html) 
... 

注：我沒有測試此代碼