为什么java script不在while循环中堆栈

Question

我试图通过将ajax请求中的for循环的值发送到php文件来检查数据库中的值，“each value in request”，然后文件返回变量“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)行。您可以通过运行脚本来测试这一点。您将看到它将从ajax请求中执行警报（“avilability ajax之前”），然后执行警报(avl_qty)，最后执行所有警报(json.stringify(data))；。

为了解决这个问题，您将不得不等待异步调用完成，您可以使用async/Await甚至回调，下面是一个示例。