在 IE7 中，如何在 jquery .click 事件期间使用 ajax 调用设置全局变量或元素值？

Question

在 IE7 中，当在 .submittable 单击事件中调用此代码时，我必须单击提交按钮两次才能设置 orderCount 全局变量。或者，如果我在隐藏标签上设置属性值，我会得到相同的体验。对于要设置的元素值，我必须单击按钮两次。就像我需要给浏览器更多的时间来处理。有什么建议吗？谢谢你，内特

var orderCount = 0;
$(document).ready(function(){
$('.submittable').click(function(){
        setOrderCount()
        if ( orderCount == 0 ){
            if (validateAcknowledment($(this).attr('id'))){
                acknowledgeDay($(this).attr('id'));
            }       
        }
    });
});
function setOrderCount(){

    // move this up to validate and do a setAtr
    var school = $("#school").val();
    var orderDate = $("#orderDate").val();
    $.ajax({
        url: "/fos/inventory/getPreviousWeeklyMenuOrders",
        type: "GET",
        dataType: 'json',
        cache:false,
        data: {school: school,
            startWeekMonth: Date.parse(orderDate).getMonth(),
            startWeekDay: Date.parse(orderDate).getDate(),
            startWeekYear: Date.parse(orderDate).getFullYear()
        },
        success: function(data) {

            orderCount = data.orderCount;
            if(orderCount > 0){
                showErrorMessage("You must Acknowledge prior Weekly Menu Order(s) before acknowledging this week's order", 200, 300);
            }

        }
});

Answer 1

令人惊奇的是，出现了这么多这样的问题。

默认情况下，AJAX 调用是异步的。您在第 4 行发起调用，然后在异步调用完成之前检查第 5 行的 orderCount。第二次单击时，异步调用现已完成，代码正在执行您认为第一次单击时应该执行的操作。

您需要将 orderCount 检查逻辑移至匿名“成功”回调函数内，以便仅在调用完成时才会执行它。或者使ajax调用同步（jquery选项）

Answer 2

首先，您需要认识到setOrderCount是一个异步函数。它将启动 ajax 调用，并且该 ajax 调用可能需要一段时间才能处理。 setOrderCount 函数将立即返回，早在 ajax 调用完成之前，因此早在 orderCount 变量被设置之前。

然后，在您的点击处理程序中，您立即检查 orderCount 变量，但它尚未设置。您需要做的就是将此代码从 ajax 调用移动到 success 函数：

   if ( orderCount == 0 ){
        if (validateAcknowledment($(this).attr('id'))){
            acknowledgeDay($(this).attr('id'));
        }       
    }

因为那是实际设置 orderCount 变量的时候。