在匿名函数中设置全局变量

时间:2014-06-30 14:51:01

标签: javascript jquery ajax global-variables anonymous-function

我想从脚本中查询一个值,并将该值用作其他函数的变量。尽管设置了值,但此代码返回零。

var total = 0;
var jqxhr = $.getJSON("number.php?jsonp=?", function(data) {
    total = data[0]['Total']; // e.g 1234567
});
alert (total); // gives zero

我读到问题可能是异步调用,而我的警报是在匿名函数之前执行的。我也尝试使用某种setter函数,但是成功了。

如何设置全局变量total

修改:

我现在尝试使用延迟对象/承诺。在我初始化计数器之前,我仍然遇到需要AJAX调用值的问题。我无法在done部分创建计数器对象,因为我以后不能更改计数器的值(仍然没有全局变量)。目前我有这个:

var counter = $('.counter').jOdometer({
    counterStart: '0',
    numbersImage: '/img/jodometer-numbers-24pt.png', 
    widthNumber: 32,
    heightNumber: 54,
    spaceNumbers: 0, 
    offsetRight:-10,
    speed:10000,
    delayTime: 300,
    maxDigits: 10,
});

function update_odometer() { 
    var jqxhr = $.getJSON("/number.php?jsonp=?")
        .done(function(data){
            console.log(data);
            total = data['Total'];
            counter.goToNumber(total);
        })
        .fail(function(data){
            console.log(data);
        });
};

update_odometer();
setInterval(update_odometer, 60000);

如果我用零初始化计数器,那么会有一个奇怪的开始动画,它会上下跳动。如果我能得到实数而不是零,一切都会好起来的。或者我应该完全切换到同步通话?我该怎么办?或者回调是更好的解决方案吗?

1 个答案:

答案 0 :(得分:1)

花了一些时间来了解你的问题。我还不确定这是否有帮助。

var counter = null;
function update_odometer() {
    var xhr = $.getJSON("/number.php?jsonp=?").done(function(data) {
        if (counter === null) {
            var counter = $('.counter').jOdometer({
            counterStart: data['Total'],
            numbersImage: '/img/jodometer-numbers-24pt.png', 
            widthNumber: 32,
            heightNumber: 54,
            spaceNumbers: 0, 
            offsetRight:-10,
            speed:10000,
            delayTime: 300,
            maxDigits: 10,
            });
        } else {
            counter.goToNumber(data['Total']);
        }
    });
}

如果我是你,我会查看库代码并纠正奇怪的动画为零启动值。我明白你并不害怕这样做。