2017-04-27 10 views
0

이있다같은 호출하는 방법을 문서화하거나 준비 또는 온 클릭 ID

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

은 마찬가지로 내가이 ID #opportunityTab를 클릭하면 같은 전화를 보내려는 페이지 로딩하면서 보내는 아약스 전화 :

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

}); 

어떻게 할 수 있습니까 ..?

답변

2

함수에 넣습니다. 당신은 당신은 아래와 같이 클릭 핸들러에 동일한 기능을 호출 할 수 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(); 
}); 
+0

ReferenceError가 같은 재사용은'callAjax'이 때문에 document.ready의 문제가 될 수 –

+0

정의되어 있지 않습니다. 내 대답을 업데이트했습니다. – Mazz

+0

감사합니다. –

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(); 
});