用ajax实时更新javascript变量

前端之家收集整理的这篇文章主要介绍了用ajax实时更新javascript变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个需要进行数值计算的 javascript函数.此计算中使用的某些数字存储在数据库中,它们将根据用户填写在线表单的方式而有所不同.一旦用户填写表单,他们将单击CALCULATE按钮.此时,在JS函数中,我想使用ajax从数据库获取用户选择的其他值相对应的值.

举个简单的例子:有3种尺寸的T恤,每种尺码都有不同的价格(存储在数据库中).用户选择大小,当他们点击CALCULATE时,我使用ajax来获得与他们选择的大小相关的价格.

问题是,我想使用ajax更新一些我稍后将在脚本中使用的变量.我现在尝试这样做的方式不起作用,脚本中的变量没有从ajax更新,我只能从ajax调用的success函数内的数据库中访问值.我理解这是因为ajax本质上是异步的,并且需要一些时间,等待从服务器返回数据,而该函数仍然继续运行

在下面的示例中,ajax调用返回JSON数据,我有一个名为isjson()的函数,用于测试返回的字符串是否实际上是JSON数据.

示例代码

function calculate_cost(){

    var price = 0;
    var size = $('form#tshirt_form [name="size"] option:selected').val();
    $.ajax({
        url:'my_script.PHP',type:'post',data:'select=price&table=tshirts.prices&where=size = "' + size + '"',success:function(data){
            if(isjson(data)){
                data = $.parseJSON(data);
                data = data[0];
                price = data['price'];
            }else{
                //display error getting data
            }
        }
    });
    //  continue code for calculation
    //  this alert will display "0",but I want the price from the database in there
    alert(price);
    //perhaps do other ajax calls for other bits of data
    //...
    return final_price;
}

有谁知道如何实现这一点,用ajax实时更新变量?

非常感谢!

**编辑**

感谢大家的帮助,我理解ajax是异步的.我真的想要一个答案,我不必在成功函数中继续计算,因为我的实际问题涉及来自不同表的许多值.我还希望将来可以扩展计算,而不会让它太复杂.如果这是不可能的,那么,我将不得不忍受这一点.

猜你在找的Ajax相关文章