如何合併兩個Ajax表格

Question

我有兩個Ajax表格來篩選我wordpress網站中同一頁面上的帖子。這兩個過濾器分別以很好的方式過濾。

這裏是鏈接Test Server

現在我米試圖合併這兩個合爲一體。之後，其顯示結果爲One form。

如何將2個Ajax格式合併爲1？

腳本形式：1

jQuery(document).ready(function($){ 
$('#test .br').click(function(){ 

// declaring an array 
var choices = {}; 

$('.contents').remove(); 
$('.filter-output').empty() 

console.log(choices); 
$.ajax({ 
    url: ajaxobject.ajaxurl, 
    type :'POST', 
    data : { 
     'action' : 'call_post', 
     'choices' : choices, 
    }, 

    success: function (result) { 
     $('.filter-output').append(result); 

    }  
    }); 
    }) 
}); 

腳本形式：2

jQuery(function($){ 
$('#filter').submit(function(){ 
    var filter = $(this); 
    $.ajax({ 
     url:filter.attr('action'), 
     data:filter.serialize(), // form data 
     type:filter.attr('method'), // POST 
     beforeSend:function(xhr){ 
      filter.find('button').text('Processing...'); // changing the button label 
     }, 
     success:function(data){ 
      filter.find('button').text('Apply filter'); // changing the button label back 
      $('#response').html(data); // insert data 
     } 
    }); 
    return false; 
}); 
}); 

Answer 1

你想這樣嗎？

  jQuery(document).ready(function($){ 
       $('#test .br,#filter').click(function(){ 
       var ChkClick = $(this).attr("id"); 

       if(ChkClick=='filter'){ 
         $('#filter').submit(function(){ 
         var filter = $(this); 
         $.ajax({ 
          url:filter.attr('action'), 
          data:filter.serialize(), // form data 
          type:filter.attr('method'), // POST 
          beforeSend:function(xhr){ 
           filter.find('button').text('Processing...'); // changing the button label 
          }, 
          success:function(data){ 
           filter.find('button').text('Apply filter'); // changing the button label back 
           $('#response').html(data); // insert data 
          } 
         }); 
         return false; 


       }else{ 
       // declaring an array 
        var choices = {}; 
        $('.contents').remove(); 
        $('.filter-output').empty() 

        $.ajax({ 
         url: ajaxobject.ajaxurl, 
         type :'POST', 
         data : { 
          'action' : 'call_post', 
          'choices' : choices, 
         }, 
         success: function (result) { 
          $('.filter-output').append(result); 

         }  
         }); 
        } 
       }) 
      });