Question

在下面的代碼中：我發送兩個相同的ajax請求，唯一的區別是一行，如何將它包裝到一個函數中以保持我的代碼乾淨？

$('.searchable').multiSelect({ 
    selectableHeader: "<input type='text' class='search-input' autocomplete='off' placeholder='Select reservations ex. \"12\"'>", 
    selectionHeader: "<input type='text' class='search-input' autocomplete='off' placeholder='Remove selected reservations \"'>", 
    afterInit: function(ms){ 
     var that = this, 
      $selectableSearch = that.$selectableUl.prev(), 
      $selectionSearch = that.$selectionUl.prev(), 
      selectableSearchString = '#'+that.$container.attr('id')+' .ms-elem-selectable:not(.ms-selected)', 
      selectionSearchString = '#'+that.$container.attr('id')+' .ms-elem-selection.ms-selected'; 

     that.qs1 = $selectableSearch.quicksearch(selectableSearchString) 
      .on('keydown', function(e){ 
       if (e.which === 40){ 
        that.$selectableUl.focus(); 
        return false; 
       } 
      }); 

     that.qs2 = $selectionSearch.quicksearch(selectionSearchString) 
      .on('keydown', function(e){ 
       if (e.which == 40){ 
        that.$selectionUl.focus(); 
        return false; 
       } 
      }); 
    }, 
    afterSelect: function(value){ 
     $.ajax({ 
      type: 'GET', 
      url: '/police/get_res_price?price=' + value, 
      success: function (data) { 
       var initial_price = parseInt($('.give-me-money').val()); 
       var obj = JSON.parse(data); 
       $.each(obj, function(booking_price, value) { 
        initial_price += parseInt(value.BOOKING_PRICE); 
       }); 
       $('.give-me-money').val(initial_price); //set total 
      } 
     }); 
     this.qs1.cache(); 
     this.qs2.cache(); 
    }, 
    afterDeselect: function(value){ 
     $.ajax({ 
      type: 'GET', 
      url: '/police/get_res_price?price=' + value, 
      success: function (data) { 
       var initial_price = parseInt($('.give-me-money').val()); 
       var obj = JSON.parse(data); 
       $.each(obj, function (booking_price, value) { 
        initial_price -= parseInt(value.BOOKING_PRICE); 
       }); 
       $('.give-me-money').val(initial_price); //set total 
      } 
     }); 
     this.qs1.cache(); 
     this.qs2.cache(); 
    } 
}); 

Answer 1

var ajaxHandler = function(decrement) { 
    return function(value){ 
     $.ajax({ 
      type: 'GET', 
      url: '/police/get_res_price?price=' + value, 
      success: function (data) { 
       var initial_price = parseInt($('.give-me-money').val()); 
       var obj = JSON.parse(data); 
       $.each(obj, function (booking_price, value) { 
        if (decrement) { 
         initial_price -= parseInt(value.BOOKING_PRICE); 
        } else { 
         initial_price += parseInt(value.BOOKING_PRICE); 
        } 
       }); 
       $('.give-me-money').val(initial_price); //set total 
      } 
     }); 
     this.qs1.cache(); 
     this.qs2.cache(); 
    } 
} 

$('.searchable').multiSelect({ 
    // other props 
    afterSelect: ajaxHandler(false) 
    afterDeselect: ajaxhander(true) 
}); 

Answer 2

將它們都包含在一個函數中，該函數需要operationType參數。您可以使用該參數在減去時乘以-1。這樣你總是添加你的代碼，但是在取消選擇操作中具有減去的效果。

$(".searchable").multiSelect({ 
    //selectableHeader etc, 
    afterSelect: function(value) { selectionChange(value, "select"); }, 
    afterDeselect: function(value) { selectionChange(value, "deselect"); } 
}); 




function selectionChange(value, operationType) { 
    var bookingPrice; 
    if(operationType === "deselect") { 
     bookingPrice = parseInt(value.BOOKING_PRICE) * -1; 
    } else if(operationType === "select") { 
     bookingPrice = parseInt(value.BOOKING_PRICE); 
    } 

    $.ajax({ 
     type: 'GET', 
     url: '/police/get_res_price?price=' + value, 
     success: function (data) { 
      var initial_price = parseInt($('.give-me-money').val()); 
      var obj = JSON.parse(data); 
      $.each(obj, function (booking_price, value) { 
       initial_price += bookingPrice; 
      }); 
      $('.give-me-money').val(initial_price); //set total 
     } 
    }); 
    this.qs1.cache(); 
    this.qs2.cache(); 
}