$.getJSON获取的数据赋值给全局变量失败
程序员文章站
2022-03-01 15:14:26
...
var lists = [];
getData();
function getData() {
$.getJSON(url, function (res) {
lists = res.list;
console.log(lists) //可以正常打印
})
}
console.log(lists); //[]
如上述代码,当在函数外打印lists时,结果为空,但是在函数内可以正常打印。这是为什么呢?
原因:
因为getJSON是异步执行的,即console和getData是一起执行的,所以getData中的赋值运算赋值成功了,但是由于是一起执行,这时候的全局变量还没有被赋值,所以为空。可以给console加个定时器看一下,你就明白了。
解决方法:
强制同步,$.ajaxSettings.async = true;
var lists = [];
getData();
function getData() {
$.ajaxSettings.async = true;
$.getJSON(url, function (res) {
lists = res.list;
console.log(lists) //可以正常打印
})
$.ajaxSettings.async = false;
}
console.log(lists); //可以正常打印
ps:代码不要放在 $(document).ready 或 window.onload 中,否则依然不能正常打印。
推荐阅读
-
Ajax获取回调函数无法赋值给全局变量的问题
-
小程序首页获取数据给数组赋值,实现加载更多,以及遇到的坑
-
小程序首页获取数据给数组赋值,实现加载更多,以及遇到的坑
-
微信小程序开发笔记(二)--获取输入框的值进行判断并给全局变量赋值
-
Ajax获取回调函数无法赋值给全局变量的问题
-
JQuery中使用Ajax赋值给全局变量失败异常的解决方法_jquery
-
JQuery中使用Ajax赋值给全局变量失败异常的解决方法_jquery
-
在一个Activity中,okhttp3中onResponse方法响应数据异步返回,不能立刻赋值给全局变量的问题
-
JQuery中使用Ajax赋值给全局变量失败异常的解决方法,jqueryajax
-
$.getJSON获取的数据赋值给全局变量失败