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