javascript - 在 Javascript 中进行 ajax 调用的事件处理函数中使用局部变量

Question

从第一个函数获取变量“search”的值以在最后一个 ajax 调用中使用它的最佳方法是什么？我知道我可以使用闭包，但不知道如何使用。这是我的代码:

$(document).on("click", ".box", function(){
    var search = $(this).attr("alt");
    $.ajax({
        method: "GET",
        url: url + search,
        success: function(data){
          console.log(data);
        }
    })
});

$( ".select" ).change(function(){
 var param2 = $(this).val();
 $.ajax({
    method: "GET",
    url: url + search + param2,
    success: function(data){
      console.log(data);
    }
  })
});

Answer 1

使用闭包就像在两个函数的范围之外声明变量一样简单:

var search;

$(document).on("click", ".box", function(){
  search = $(this).attr("alt");
  $.ajax({
    method: "GET",
    url: url + search,
    success: function(data){
      console.log(data);
    }
  })
});

$( ".select" ).change(function(){
 var param2 = $(this).val();
 $.ajax({
    method: "GET",
    url: url + search + param2,
    success: function(data){
      console.log(data);
    }
  })
});