Блог

Я пытаюсь добавить функцию загрузки большего количества, но я не могу понять, где увеличить переменную #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>amp;start=<cfoutput>#next#</cfoutput>',                   success: function(html) 
        {
        $('.articleList').append(html);
        <cfset next=next perpage>
        console.log(<cfoutput>#next#</cfoutput>);           
        }           
        });     
    });     
});  
</script>
  

Похоже, ваша проблема в том, что вы увеличиваете next только в коде ColdFusion, а не в 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>amp;start='   next, success: function(html)
...
  

Примечание: Я не тестировал этот код