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