同じ呼び出す方法を文書化のどちらか準備やonclickのID

Question

これで

$(document).ready(function() { 
     strCourseCat = $('#strCourseCat').val(); 
     var strengthsData = ''; 
     $.ajax({ 
     success: function (response) {}, 
     error: function (request, status, error) {} 
     }); 
    }); 

は同様に私は、このID #opportunityTabをクリックすると、同じコールを送信したいページの読み込みながら送信AJAX呼び出し：

$("#opportunityTab").click(function(){ 

}); 

どうすればいいですか？

Answer 1

これを関数に入れます。あなたは、あなたが以下のようにクリックハンドラで同じ関数を呼び出すことができdocument.ready

$(document).ready(function() { 
    strCourseCat = $('#strCourseCat').val(); 
    var strengthsData = ''; 

    // Ajax function 
    function callAjax() { 
     $.ajax({ 
      success: function (response) {}, 
      error: function (request, status, error) {} 
     }); 
    } 

    // Click to call ajax function 
    $("#opportunityTab").click(function(){ 
     callAjax(); 
    }); 

    callAjax(); 
}); 

Answer 2

にclickイベントとcallAjax()機能を移動したいことがあります。

$("#opportunityTab").click(function(){ 
     strCourseCat = $('#strCourseCat').val(); 
     var strengthsData = ''; 
     $.ajax({ 
     success: function (response) {}, 
     error: function (request, status, error) {} 
     }); 
}); 

また、再利用のための関数を定義することもできます。

function SendAjax() 
{ 
      strCourseCat = $('#strCourseCat').val(); 
      var strengthsData = ''; 
      $.ajax({ 
      success: function (response) {}, 
      error: function (request, status, error) {} 
      }); 
} 

と

$("#opportunityTab").click(function(){ 
      SendAjax(); 
});