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代码中递增next，而不是JavaScript。因此，每次单击“加载更多”按钮时，您将反复加载相同的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)
...

注意：我没有测试过这段代码

twitter-like加载更多ajax功能

1 个答案: