javascript - jQuery - 将函数内的变量传递给另一个函数

Question

我有一些不同的函数，可以在用户单击某个按钮时设置变量。然后它将该变量传递给 AJAX 函数......但它不传递该变量。

这是一个例子:

$('#Button1').on('click', function(e) {
    var add1 = 'yes';
    e.preventdefault();
})
$('#Button2').on('click', function(e) {
    var add1 = 'no';
    e.preventdefault();
})
$('#DoneButton').on('click', function(e) {
    submitLink = 'submit.php'
    dataString = 'add=' + add1;
    $.ajax({
       type: "POST",
       url: submitLink,
       data: dataString,
       cache: false,
       success: function(data) {

           /* My Success Notification Here */
       }
    });
    e.preventdefault();
})

我还尝试将函数外部的变量声明为:

var add1;

这也不起作用，只是显示为“未定义”

我可以做什么来解决这个问题？

Answer 1

将 var 放入其中，以便变量引用不在本地范围内进行点击。

var add1;
$('#Button1').on('click', function(e) {
  add1 = 'yes';
  e.preventdefault();
})
$('#Button2').on('click', function(e) {
  add1 = 'no';
  e.preventdefault();
})
$('#DoneButton').on('click', function(e) {
  submitLink = 'submit.php'
  dataString = 'add=' + add1;
  $.ajax({
    type: "POST",
    url: submitLink,
    data: dataString,
    cache: false,
    success: function(data) {

      /* My Success Notification Here */
    }
  });
  e.preventdefault();
});