Ajax Двойной код, как сделать его короче

Question

Надеюсь, что вы можете мне помочь, тогда у меня проблема. У меня есть две аналогичные функции jQuery.Ajax, Я просто хочу сделать это в одной функции. Я действительно не знаю, как это сделать, и я надеюсь, что вы сможете мне помочь

Вот мои две функции ajax Обе функции работают нормально. Это была моя первая функция

//When the page loads it shows the three first ideas 

var total = 3; 
    var start = 0; 
    var filterName = jQuery(".select-name-filter-selector-filterPersones").val(); 
    var filterStatus = jQuery(".select-status-filter-selector-filterStatus").val(); 
    var lines = jQuery("#ajouter").val(); 
    jQuery.ajax({ 
     type: "POST", 
     url : "../scripts/ajaxSuggestions.php", 
     data:{limit:total, name:filterName, status:filterStatus, 
      start:start,lines:lines}, 
     success:function(data){ 
      jQuery("#content").append(data); 
     } 
    }); 

И тут приходит мой второй function.Allways я нажимаю на кнопку, чтобы показать больше его добавить три идеи

//click ajax function that add 3 ideas to page 
jQuery("#ajouter").click(function(){ 
     total += 3; 
     start += 3; 
     jQuery.ajax({ 
      type: "POST", 
      url : "../scripts/ajaxSuggestions.php", 
      data:{limit:total, name:filterName, status:filterStatus, 
       start:start}, 
      success:function(data){ 
       jQuery("#content").append(data); 
       if(total >= lines){ 
        jQuery("#ajouter").hide(); 
       } 
      } 

     }); 
    }); 

Я надеюсь, что вы можете мне помочь и SRY для моего плохой английский . :)

Answer 1

// При загрузке страницы звоните

var total = 3; 
var start = 0; 
getSuggestion(total, start); 

// при нажатии кнопки мыши

jQuery("#ajouter").click(function(){ 
     total += 3; 
     start += 3; 
     getSuggestion(total, start); 
}); 

// Функция Defination

function getSuggestion(total, start) 
{ 
    var filterName = jQuery(".select-name-filter-selector-filterPersones").val(); 
    var filterStatus = jQuery(".select-status-filter-selector-filterStatus").val(); 
    var lines = jQuery("#ajouter").val(); 

     jQuery.ajax({ 
      type: "POST", 
      url : "../scripts/ajaxSuggestions.php", 
      data:{limit:total, name:filterName, status:filterStatus, 
       start:start}, 
      success:function(data){ 
       jQuery("#content").append(data); 
       if(total >= lines){ 
        jQuery("#ajouter").hide(); 
       } 
      } 

     }); 
} 

, если значение ниже не различается каждый раз, то вы также можете определить его на загрузке страницы и передать в качестве параметра в функции звоните

var filterName = jQuery(".select-name-filter-selector-filterPersones").val(); 
var filterStatus = jQuery(".select-status-filter-selector-filterStatus").val(); 
var lines = jQuery("#ajouter").val(); 

Answer 2

Создать простую функцию

function ajaxCall(limit, filterName ,filterStatus ,type) 
{ 
    jQuery.ajax({ 
      type: "POST", 
      url : "../scripts/ajaxSuggestions.php", 
      data:{limit:total, name:filterName, status:filterStatus, 
       start:start}, 
      success:function(data){ 
       jQuery("#content").append(data); 
       if(type == 1) 
       { 

        if(total >= lines){ 
         jQuery("#ajouter").hide(); 
        } 
       }else { jQuery("#content").append(data); 
       } 
      } 

     }); 
} 

Теперь на основе вашего звонка

ajaxCall (предел, FILTERNAME, filterStatus, 0)

для второго вызова

jQuery("#ajouter").click(function(){ 
     total += 3; 
     start += 3; 
     ajaxCall (limit,filterName,filterStatus,1) 
    }); 

для первой или вы можете написать собственную логику