我有一个关于 jQuery $.ajax() 函数的小问题。

我有一个表单，每次单击单选按钮或从下拉菜单中进行选择都会创建一个具有所选值的 session 变量。

现在 - 我有一个下拉菜单有 4 个选项 - 第一个(带有标签 None)有一个 value="" 其他有他们的 id。

我想要发生的是无选项(空白值)删除 session 和其他创建一个，但前提是具有此特定选择名称的 session 尚不存在 - 因为所有其他选项具有相同的数量分配给它 - 它只是表明选择了哪一个。

我不确定这是否有意义 - 但看看代码 - 也许这会使它更清楚:

$("#add_ons select").change(function() {
        // get current price of the addons
        var order_price_addon = $(".order_price_addon").text();
        // get price of the clicked radio button from the rel attribute
        var add = $(this).children('option').attr('label');
        var name = $(this).attr('name');
        var val = $(this).val();
        
        
        if(val == "") {
            var price = parseInt(order_price_addon) - parseInt(add);
            removeSession(name);
        } else {
            if(isSession(name) == 0) {
                var price = parseInt(order_price_addon) + parseInt(add);
            }   
            setSession(name, val);              
        }
        
        $(".order_price_addon").html(price);    
        setSession('order_price_addon', price);         
        updateTotal();
});

所以 - 首先，当 #add_ons 选择菜单触发“更改”时，我们从一些元素中获取一些值用于计算。

我们从我们的选择中获取选项的标签属性，它存储要添加到总数的值、选择的名称以使用此名称和值创建 session 以稍后检查选择了哪个。

现在 - 我们检查是否 val == ""(这表明未选择 None 选项)并且我们从总数中扣除金额并删除具有选择名称的 session .

这就是问题开始的地方 - else 语句。

Else - 我们要检查带有我们的选择器名称的 isSession() 函数是否返回 0 或 1 - 如果它返回 0，那么我们将存储在标签属性中的值添加到总数中, 但如果它返回 1 - 这表明该 session 已经存在 - 那么我们仅通过重新创建它来更改此 session 的值 - 但不会将金额添加到它。

现在 isSession 函数如下所示:

function isSession(selector) {
    $.ajax({
        type: "POST",
        url: '/order.html',
        data: ({ issession : 1, selector: selector }),
        dataType: "html",
        success: function(data) {
            return data;
        },
        error: function() {
            alert('Error occured');
        }
    });
}

现在 - 问题是 - 我不知道使用 return 是否会返回函数的结果 - 因为它似乎不起作用 - 但是，如果我把“数据"在 success: 部分进入 alert() - 它似乎确实返回了正确的值。

有谁知道如何从函数返回值，然后在下一条语句中比较它？

谢谢大家 - 我已经通过以下方式进行了尝试:

function isSession(selector) {
    $.ajax({
        type: "POST",
        url: '/order.html',
        data: ({ issession : 1, selector: selector }),
        dataType: "html",
        success: function(data) {
            updateResult(data);
        },
        error: function() {
            alert('Error occured');
        }
    });
}

然后 updateResult() 函数:

function updateResult(data) {
    result = data;
}

result - 是全局变量 - 我正在尝试读取它:

$("#add_ons select").change(function() {
        // get current price of the addons
        var order_price_addon = $(".order_price_addon").text();
        // get price of the clicked radio button from the rel attribute
        var add = $(this).children('option').attr('label');
        var name = $(this).attr('name');
        var val = $(this).val();
        
        
        if(val == "") {
            var price = parseInt(order_price_addon) - parseInt(add);
            removeSession(name);
        } else {
            isSession(name);
            if(result == 0) {
                var price = parseInt(order_price_addon) + parseInt(add);
            }   
            setSession(name, val);              
        }
        
        $(".order_price_addon").html(price);    
        setSession('order_price_addon', price);         
        updateTotal();
    });

但出于某种原因 - 它不起作用 - 知道吗？

最佳答案

问题在于您无法从异步调用(如 AJAX 请求)返回值并期望它正常工作。

原因是等待响应的代码在收到响应时已经执行。

此问题的解决方案是在 success: 回调内部运行必要的代码。这样，它仅在可用时才访问 data。

function isSession(selector) {
    $.ajax({
        type: "POST",
        url: '/order.html',
        data: ({ issession : 1, selector: selector }),
        dataType: "html",
        success: function(data) {
            // Run the code here that needs
            //    to access the data returned
            return data;
        },
        error: function() {
            alert('Error occured');
        }
    });
}

另一种可能性(实际上是同一件事)是在 success: 回调中调用一个函数，在数据可用时传递数据。

function isSession(selector) {
    $.ajax({
        type: "POST",
        url: '/order.html',
        data: ({ issession : 1, selector: selector }),
        dataType: "html",
        success: function(data) {
                // Call this function on success
            someFunction( data );
            return data;
        },
        error: function() {
            alert('Error occured');
        }
    });
}

function someFunction( data ) {
    // Do something with your data
}

关于jquery - 成功时使用ajax结果返回值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3302702/