如何调用相同的文档就绪或 ID onclick

Question

这是 ajax 页面加载时发送的呼叫

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

同样，我想在点击此 ID 时发送相同的呼叫 #opportunityTab:

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

});

我该怎么做..?

Answer 1

把它放在一个函数中。您可能想在 document.ready

中移动 click 事件和 callAjax() 函数

$(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 处理程序上调用相同的函数。

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

如何调用相同的文档就绪或 ID onclick

how to call same either document ready or id onclick

javascript

jquery

onclick

document-ready