为什么javascript不会在while循环中堆叠

Question

我试图通过在ajax请求中通过for循环将值发送到php文件来检查数据库中的值，“请求中的每个值”然后文件返回变量称为“avl”if $data["avl"]==1所以如果没有则可用它不可用。

问题是我检查了一个值流，它们都必须返回1 才能继续我的过程，但条件不会等到 for 循环结束才检查。它在 for 循环开始之前检查条件，即使代码不是那样的。例如：它在 for 循环在第 50 行结束之前执行第 100 行的条件。

var cartItemContainer = document.getElementsByClassName('cart-items')[0]
var cartRows = cartItemContainer.getElementsByClassName('cart-row')
var avl_qty = 1;
for (var i = 0; i < cartRows.length; i++) {
    var cartItemContainer = document.getElementsByClassName('cart-items')[0]
    var cartRows = cartItemContainer.getElementsByClassName('cart-row')
    var cartRow = cartRows[i]

    var titleElement = cartRow.getElementsByClassName('cart-item-title')[0]
    var item = titleElement.innerText
    var quantityElement = cartRow.getElementsByClassName('cart-quantity-input')[0]
    var freequantityElement = cartRow.getElementsByClassName('cart-quantity-free-input')[0]

    var quantity = quantityElement.value
    var freequantity = freequantityElement.value

    alert("before avilability ajax")

    $.ajax({
        url: "checkavlqty.php",
        method: "POST",
        data: {

            item: item,
            quantity: quantity,
            freequantity: freequantity
        },
        dataType: "JSON",
        success: function(data) {
            alert(JSON.stringify(data));
            if (data["avl"] == 0) {
                alert("inside condistion")
                avl_qty = 0;
            }
        }
    })

}

alert(avl_qty)

它总是提醒1，即使avl_qty的最终值是0。

Answer 1

您在循环中执行的 ajax 调用是异步的，这意味着当执行到达$.ajax[...] 行时，它将在“后台”运行，而正常执行将继续通过循环。

您的代码中最有可能发生的是，在循环的 ajax 响应到达您之前，执行将到达 alert(avl_qty) 行。您可以通过让脚本运行来测试它。您会看到它将执行 alert("before avilability ajax")，然后是 alert(avl_qty)，最后是来自 ajax 请求的所有 alert(JSON.stringify(data));。

要解决此问题，您必须等待异步调用完成，you can use async/await 甚至回调，here's an example。