как в твиттере загрузить больше функции AJAX

Question

Я пытаюсь добавить функцию load more, но не могу понять, где увеличить переменную # 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

Возможно, ваша проблема в том, что вы увеличиваете 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>&start=' + next, success: function(html)
...

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