JavaScript의 반복 된 부분 - 통합하는 방법?

Question

JavaScript에서 몇 가지 코드 섹션을 단순화해야합니다. 변수와 대부분의 논리는 4 개의 섹션에서 모두 동일합니다. 어떻게 간단하게 할 수 있습니까?

$(document).ready(function() { 
    $("#search").click(function (e) { 
     var ifecha = $("#to").val(); 
     var efecha = $("#from").val(); 
     var prov = $("#CustomerID").val(); 
     var stat = $("#status").val(); 
     if (stat != "Select an Option") { 
     stat = stat; 
     } 
     else { 
     stat = 3; 
     } 
     var anul = $("#anulada").val(); 
     if (anul != "Select an Option") { 
     anul = anul; 
     } 
     else { 
     anul = ""; 
     } 

    $.ajax({ 
     type: "GET", 
     data: { to: ifecha, from: efecha, code: prov, anulada: anul, status: stat, take: 0 }, 
     url: '@Url.Action("proposalReport")', 
     dataType: "html", 
     success: function (result) { success(result); } 
    }); 

    function success(result) { 
     $("#dataReport").html(result); 
     } 
     e.preventDefault(); 
    }); 

    $("#pdf").click(function (e) { 
     var ifecha = $("#to").val(); 
     var efecha = $("#from").val(); 
     var prov = $("#CustomerID").val(); 

     var stat = $("#status").val(); 
     if (stat != "Select an Option") { 
     stat = stat; 
     } 
     else { 
     stat = 3; 
     } 

     var anul = $("#anulada").val(); 
     if (anul != "Select an Option") { 
     anul = anul; 
     } 
     else { 
     anul = ""; 
     } 

     var rep = "PDF" 
     e.preventDefault(); 
     window.location = 'PrintPDF?report=' + rep + '&to=' + ifecha + '&from=' + efecha + '&code=' + prov + '&anulada=' + anul + '&status=' + stat; 
    }); 

    $('#lnkView').click(function (e) { 
     var ifecha = $("#to").val(); 
     var efecha = $("#from").val(); 
     var prov = $("#CustomerID").val(); 

     var stat = $("#status").val(); 
     if (stat != "Select an Option") { 
     stat = stat; 
     } 
     else { 
     stat = 3; 
     } 

     var anul = $("#anulada").val(); 
     if (anul != "Select an Option") { 
     anul = anul; 
     } 
     else { 
     anul = ""; 
     } 
     e.preventDefault(); 
     window.open('ReportPrint?to=' + ifecha + '&from=' + efecha + '&code=' + prov + '&anulada=' + anul + '&status=' + stat); 
    }); 

    $("#excel").click(function (e) { 
     var ifecha = $("#to").val(); 
     var efecha = $("#from").val(); 
     var prov = $("#CustomerID").val(); 

     var stat = $("#status").val(); 
     if (stat != "Select an Option") { 
     stat = stat; 
     } 
     else { 
     stat = 3; 
     } 

     var anul = $("#anulada").val(); 
     if (anul != "Select an Option") { 
     anul = anul; 
     } 
     else { 
     anul = ""; 
     } 

     var rep = "PDF" 
     e.preventDefault(); 
     window.location = 'ExportToXLS?report=' + rep + '&to=' + ifecha + '&from=' + efecha + '&code=' + prov + '&anulada=' + anul + '&status=' + stat; 
    }); 
}); 

var sorter_options = { 
    headers: { 
     3: { sorter: 'datetime' }, 
     4: { sorter: 'decimal' }, 
     5: { sorter: 'decimal' } 
    } 
} 

Answer 1

당신은 한 번에 네 개의 ID에 결합 및 공통 로직을 결합 할 수 있습니다

는, 다음 단지 관련 비트를 클릭있어 무엇의 ID에 따라 밖으로 전환 :

$(document).ready(function() { 
    $("#search, #pdf, #lnkView, #excel").click(function(e) { 
     var ifecha = $("#to").val(); 
     var efecha = $("#from").val(); 
     var prov = $("#CustomerID").val(); 
     var stat = $("#status").val(); 
     if (stat != "Select an Option") { 
      stat = stat; 
     } else { 
      stat = 3; 
     } 
     var anul = $("#anulada").val(); 
     if (anul != "Select an Option") { 
      anul = anul; 
     } else { 
      anul = ""; 
     } 

     switch ($(this).attr('id')) { 
     case 'search': 
      $.ajax({ 
       type: "GET", 
       data: { to: ifecha, from: efecha, code: prov, anulada: anul, status: stat, take: 0 }, 
       url: '@Url.Action("proposalReport")', 
       dataType: "html", 
       success: function(result) { $("#dataReport").html(result); } 
      }); 
      break; 
     case 'pdf': 
      var rep = "PDF" 
      window.location = 'PrintPDF?report=' + rep + '&to=' + ifecha + '&from=' + efecha + '&code=' + prov + '&anulada=' + anul + '&status=' + stat; 
      break; 
     case 'lnkView': 
      window.open('ReportPrint?to=' + ifecha + '&from=' + efecha + '&code=' + prov + '&anulada=' + anul + '&status=' + stat); 
      break; 
     case 'excel': 
      var rep = "PDF" 
      window.location = 'ExportToXLS?report=' + rep + '&to=' + ifecha + '&from=' + efecha + '&code=' + prov + '&anulada=' + anul + '&status=' + stat; 
      break; 
     } 


     e.preventDefault(); 
    }); 
});