$.getJSON获取的数据赋值给全局变量失败

  var lists = [];
  getData();

  function getData() {
    $.getJSON(url, function (res) {
       lists = res.list;
       console.log(lists)  //可以正常打印
     })
   }
   console.log(lists); //[]

 如上述代码,当在函数外打印lists时,结果为空,但是在函数内可以正常打印。这是为什么呢?

原因:

因为getJSON是异步执行的,即consolegetData是一起执行的,所以getData中的赋值运算赋值成功了,但是由于是一起执行,这时候的全局变量还没有被赋值,所以为空。可以给console加个定时器看一下,你就明白了。

解决方法:

强制同步,$.ajaxSettings.async = true;

  var lists = [];
  getData();

  function getData() {
    $.ajaxSettings.async = false;
    
    $.getJSON(url, function (res) {
       lists = res.list;
       console.log(lists)  //可以正常打印
     })
    $.ajaxSettings.async = true;
   }
   console.log(lists); //可以正常打印

ps:代码不要放在 $(document).ready 或 window.onload 中,否则依然不能正常打印。

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值