Ajax回调数据赋值给变量的问题

写这篇文章是因为我上面Ztree的文章引发的我对js的研究,不明白的可以先看看上面Ztree的返回数据那块,因为是同一个小例子,上篇是所有的代码,上图:

Ajax回调数据赋值给变量的问题_第1张图片

我声明全局变量tree,在Success回调函数里把回调的数据赋值给变量,我当时想着根据编程习惯做法也都是这,但是问题出现了,我先简单说下Console.info这个方法是在控制台打印数据,因为alert返回数据的时候如果是json一些数据的时候,你是alert不出来实际数据的,这个方法是试用火狐的,IE是不行的好像,这个不讨论这个,火狐上装的是Firebug插件,打印的结果是,如图:

Ajax回调数据赋值给变量的问题_第2张图片

打印的结果是没有的,接着我按下面这种方法如下图 ,也就是我把打印放在回调函数里是可以打印出来数据的,

Ajax回调数据赋值给变量的问题_第3张图片

这时候我疑问的是为什么回调过来的数据不能赋值给全局变量,紧接着我看了Jquery 的API,发现了同步的方法,也就是如下图:

Ajax回调数据赋值给变量的问题_第4张图片

async: false在ajax里加上是可以的,当然除了这个方法之外还可以把$.fn.zTree.init($("#treeDemo"), setting, tree);这段代码写在回调函数里也是可以实现树形菜单的,但是我还是纠结为什么回调的数据部能赋值给变量,接下来我有做了另一个实验,如下图:

Ajax回调数据赋值给变量的问题_第5张图片

我在回调里面打印了下,又在外面打印了下,结果如下图:

先打印出来的是下面的,问题比较明了了,虽然我先写的ajax但是还是先执行的下面的代码,所以那个变量tree是打印不出来的,而在回调里面的是后来赋值的所以能打印出来,总结下那就是按照我一开始的写法异步请求不能将返回值传给全局变量的,因为JS只管执行当前代码,顺序执行。发送请求了,那是请求响应的事,它不管这些,只管继续执行在它面前的代码,所以是得不到变量赋值的,要想传给变量可以使用同步也就是async: false,但是同步是要同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。如果想要赋值给Ztree的树形菜单数据的话,我最后还是选择了在回调函数里进行初始化,想在深入了解的大家可以看下JS异步原理,这里我就不多讨论了,大家可以看看Ztree那篇的代码,好了,结束。

第一次比较正式的写技术文章尽量写的详细些,之前一直学习研究东西也没倒上写。以后时间允许的话我会尽量把之前的总结给大家,比较技术是交流和共享的,希望大家都明白,不管事技术好的还是刚入门的都可以看懂,希望对需要的朋友一点帮助。有什么问题可以反馈给我,我会及时的给你们答复。QQ571001325

你可能感兴趣的:(Ajax)