jQuery的：更新全局變量並重新運行功能

Question

我有了另一個函數嵌套函數結合click事件重新運行與不同的AJAX URL功能：

function getInternal() { 

     var callUrl = 'https://url.com'; // URL ON LOAD 

     $.ajax({ 
     dataType: "json", 
     url: callUrl, 

     success: function(data) { 

      var obj = data; 

      $(document).ready(function(callUrl) { 
      $("a.dept").click(function() { 
       var filterDept = $(this).attr('id'); 
       callUrl = 'https://url.com/' + filterDept; // URL TO UPDATE 
       getInternal(callUrl); // RUN THIS FUNCTION AGAIN 
      }); 
      }); 

不幸的是，點擊事件繼續返回相同的數據。它看起來不像callUrl正在更新。

如何更新函數內的全局變量以重新運行？

Answer 1

函數的第一行將變量設置爲特定值：var callUrl = 'https://url.com';因此，每次運行此函數時，該變量都將設置爲'https://url.com'。

通過在函數外部移動變量，它將成爲全局變量，並且更新callUrl的代碼部分將會持續。

這就是說，你的代碼是各種各樣的混合起來。您有一個AJAX回調中的$(document).ready()，每次調用都會重新定義一個click事件，似乎沒有任何事件會被關閉，並且您爲getInternal();提供了一個參數，儘管事實上它沒有。

是這樣的，你在追求什麼？

$(document).ready(function() { 
 
    //On click of link, run AJAX call to changing URL (based on clicked link's ID) 
 
    $("a.dept").click(function() { 
 
       var filterDept = $(this).attr('id'); 
 
       var callUrl = 'https://url.com/' + filterDept; 
 
       getInternal(callUrl); 
 
    }); 
 
    }); 
 

 
function getInternal(callUrl) { 
 

 
     $.ajax({ 
 
     dataType: "json", 
 
     url: callUrl, 
 

 
     success: function(data) { 
 

 
      alert("Call made to " + callUrl); 
 
      
 
      } 
 
     
 
     }); 
 
    }