如何在回调之外声明变量，在回调中修改它，然后在外面使用修改后的值？ [复制]

Question

我正在寻找一种方法来修改在回调之外声明的变量，然后在定义回调后使用修改后的变量。我的意图反映在代码中：

$('#my_form').submit(function() {
    let my_condition
    let data = $(this).serialize()
    $.ajax({
        method: 'POST',
        url: '/my_url',
        data: data
    })
    .done(function(json_response) {
        if (json_response.my_variable) {
            my_condition = true
        }
        else {
            my_condition = false
        }
    })
    // I'm looking for a way to guarantee `my_condition` is set by the AJAX before the below code is run.
    if (my_condition) {  // I know `my_condition` will be null because this line won't wait for the AJAX to finish and set `my_condition`.
        return true
    }
    else {  // The event handler will always hit this condition.
        return false
    }
})

我知道我可以在检查 my_condition 之前添加阻塞睡眠时间以等待 AJAX。这不是我正在寻找的解决方案。我也知道我可以在前端检查data 的基础上设置my_condition。但是，由于特定于我的用例的原因，data 需要在后端处理。最后，我想避免 AJAX 设置async: false。

我知道为什么上面的代码不起作用。我的问题是，有什么方法可以达到预期的效果吗？我感觉可能有一个使用 Promise 的解决方案，但我不知道该怎么做。

编辑 1：具体用例与表单提交有关。我希望提交处理程序返回 true 或 false，即根据数据的后端处理结果通过表单的操作属性（当 my_condition 为 true 时）或不同的 (AJAX) 路由（当 my_condition 为 false 时）提交。

编辑 2：这确实是 Javascript - Stop form submit depending on ajax response [duplicate] 的副本

Answer 1

我怀疑（尽管具体问题尚不清楚）您希望仅当您在 ajax 中获得有效响应时才提交表单。

如果满足条件，您可以阻止初始提交，然后在 done 回调中提交表单。

$('#my_form').submit(function(e) {
    // prevent submit
    e.preventDefault()
    let form = this;
    let data = $(form).serialize()
    $.ajax({
        method: 'POST',
        url: '/my_url',
        data: data
    })
    .done(function(json_response) {
        if (json_response.my_variable) {
           // trigger native submit, will bypass this jQuery submit listener
           form.submit()
        }
        else {
            // do something else
        }
    })
 })