我想从脚本中查询一个值,并将该值用作其他函数的变量。尽管设置了值,但此代码返回零。
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);
如果我用零初始化计数器,那么会有一个奇怪的开始动画,它会上下跳动。如果我能得到实数而不是零,一切都会好起来的。或者我应该完全切换到同步通话?我该怎么办?或者回调是更好的解决方案吗?
答案 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']);
}
});
}
如果我是你,我会查看库代码并纠正奇怪的动画为零启动值。我明白你并不害怕这样做。