为什么$.getJSON无法对外部变量进行赋值？

╰半夏微凉° 2022-06-10 05:11 130阅读 0赞

如下代码，使用 $.getJSON从json文件中获取国家的代号，在$.getJSON内给aaaa赋值时是可以的，

但是在外部打印输出aaaa的时候就是空字符串，

var aaaa="";

//获取国家代码  
$.getJSON ("/public/home/js/countryCode.json", function (data)\{   
//console.log(data);  
var selectOption="";  
            $.each(data, function (i,item)\{  
                selectOption+="<option>"+item.country\_name\_cn+"</option>";  
            \});  
  
  
            aaaa=selectOption;  
            console.log(aaaa);  
        \});

console.log(aaaa);

原因：

因为ajax默认是异步执行的，也就是说$.getJSON还没有执行完的情况下，下面的蓝色代码部分

已经执行了，所以我们应该把ajax的异步设置成同步。

解决办法：

在$.getJSON方法执行之前将ajax设置成同步，加上这段代码：$.ajaxSetup(\{async:false\});

整理之后的代码为：

var aaaa="";

$.ajaxSetup(\{async:false\});

//获取国家代码  
$.getJSON ("/public/home/js/countryCode.json", function (data)\{   
//console.log(data);  
var selectOption="";  
            $.each(data, function (i,item)\{  
                selectOption+="<option>"+item.country\_name\_cn+"</option>";  
            \});  
  
  
            aaaa=selectOption;  
              
        \});   
  
  
 console.log(aaaa);

再次打印输出的时候就可以看到数据了。

发表评论取消回复

表情：

评论列表（有 0 条评论，130人围观）

还没有评论，来说两句吧...

相关阅读

相关 VUE的input框赋值后无法进行编辑

问题情况 : data中有定义对应字段,input框也进行绑定对了v-model 但进行赋值后,input输入框无法进行操作原因: 空input框进行赋值后,不存在set

悠悠/ 2023年01月21日 03:28/ 0 赞/ 170 阅读

相关 python变量赋值

python支持多个变量同时赋值 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9n

绝地灬酷狼/ 2022年12月31日 05:27/ 0 赞/ 204 阅读

相关变量赋值试题

var a = 10; var b = ++a - 1 + a++; console.log(b) //21 console.log(a) //

﹏ヽ暗。殇╰゛Y/ 2022年12月02日 04:09/ 0 赞/ 175 阅读

相关【JavaScript】JS为什么要进行变量提升？

前言：用过的JavaScript的应该都知道，它有变量提升的机制，不过可能很少去考虑为什么会有变量提升的机制，现在就来看一下为什么要进行变量提升。 1. 什么是变量提升

朴灿烈づ我的快乐病毒、/ 2022年12月01日 03:44/ 0 赞/ 193 阅读

相关为什么要对url进行encode

发现现在几乎所有的网站都对url中的汉字和特殊的字符，进行了urlencode操作，也就是： [http://hi.baidu.com/%BE%B2%D0%C4%C0%CF%

墨蓝/ 2022年08月09日 09:59/ 0 赞/ 199 阅读

相关为什么$.getJSON无法对外部变量进行赋值？

如下代码，使用 $.getJSON从json文件中获取国家的代号，在$.getJSON内给aaaa赋值时是可以的，但是在外部打印输出aaaa的时候就是空字符串，

╰半夏微凉°/ 2022年06月10日 05:11/ 0 赞/ 131 阅读

相关 SpringBoot学习--使用配置文件对静态变量赋值

SpringBoot学习–使用配置文件对静态变量赋值搭建SpringBoot环境建立maven项目。向pom.xml文件引入相关包 <!--sprin

深碍√TFBOYSˉ_/ 2022年05月04日 00:30/ 0 赞/ 202 阅读

相关 Python 变量赋值

![1722024-20190716134647641-865690701.png][] ![1722024-20190716134701778-750476476.png]

心已赠人/ 2021年11月23日 12:40/ 0 赞/ 451 阅读

相关 js--ajax内部数据无法给外部变量赋值解决方法

AJAX的属性async. 默认是true，即为异步方式，$.Ajax执行后，会继续执行ajax后面的脚本，直到服务器端返回数据后，触发$.Ajax里的success方法，

怼烎@/ 2021年09月16日 18:56/ 0 赞/ 500 阅读

相关变量赋值

常见：如果是声明全局变量，使用批量声明的方式；如果是声明局部变量，使用短变量声明的方式（只能在函数里面用） 1.在函数里面使用变量先声明后赋值，复制后必须使用，不然会报错

Myth丶恋晨/ 2021年09月03日 05:28/ 0 赞/ 477 阅读