欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

$.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是异步执行的,即consolegetData是一起执行的,所以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 中,否则依然不能正常打印。

相关标签: JQuery