js中ajax为什么不能正确的return floors呢？

Question

function queryFloorByMansionId(id) {
 var floors = new Array();
    var num=0;
    $.ajax({
        url:'../app/mansion/getMansionInfo',
        data: {
            mansionId:id ,
        },
        dataType: 'json',
        type: 'POST',
        success: function(data) {
            console.log(data);
            if(data && data.flag == 1000) {


                for (var i= 0;i<data.data.length;i++){
                    if(data.data[i].type=='车位'){

                        floors[num]=data.data[i].name;
                        num++;
                    }

                }
                return floors;
            }
        }
    })

Answer 1

ajax是异步编程模型。举个通俗的例子：
你打电话问书店老板有没有《ajax》这本书，如果是同步通信机制，书店老板会说，您稍等，“我帮您查一下”，然后开始查啊查，等查好了告诉你结果（返回结果），您可能是等待10秒，也可能是10分钟（阻塞的）。而异步通信机制，书店老板直接说：查好了打电话给你，然后直接挂电话了（不返回结果）。等查好了，他会主动打电话给你。在这里老板通过“回电话(异步函数回调)”这种方式来回调。

由于ajax默认是异步请求，因此不会等ajax的success函数返回结果就会一直往下执行。

Answer 2

首先，success 后面是定义的一个回调函数，回调函数的返回值有什么作用，需要看 jQuery.ajax 文档——我记得是没有用的。

然后我们来看看 Ajax。默认 Ajax 是异步的，也就是说 $.ajax(...) 之后的代码会立即执行，而不会等 ajax 调用结束。当 ajax 调用结束之后，它是通过 success、error 和 complete 等回调来处理后续事件的。同时 $.ajax 返回的是一个 jQuery Promise 对象，它具有 done、fail 和 always 事件，对就于前面提到的三个回调。同时它也是一个 thenable，兼容标准 Promise 的 then 接口（不过注意，它没有 catch 接口)。这里提到的这些异步相关的东西，你可以参考人小小题目逐步走进 JavaScript 异步调用，以及这篇文章中列举的参考文章。

回到你的问题，首先，success 回调函数的返回值，并不知道它是如何处理的（多半是丢弃），而且你也找不到办法去获取这个返回值。其次，你不知道回调函数是什么时候执行的，因为异步调用的结束时间没法准确判断，这取决于异步过程。第三，异步完成的时候你对 floors 进行了操作，这很好，因为其它需要使用 floors 的地方可以在这之后使用添加到其中的内容，唯一不能确定的是什么时候它得到了正确的填充。

而解决办法就是在 success 回调中调用需要处理 floors 的函数。或者在这里触发一个事件，通知注册了这个事件的处理函数已经得到了 floors 的值。如果想要代码看起来更优雅一些，可以使用 $.ajax() 返回的 Promise 对象的 done 等事件，也可以直接 then（注意 done 和 then 的区别）

Answer 3

ajax是异步，当你return的时候，外面的function早就跑完啦

Answer 4

你可以这样理解 queryFloorByMansionId函数跑到ajax的地方 把ajax函数放一边 其余的继续跑 等queryFloorByMansionId其他的都跑结束后 再去跑ajax中的内容
而且 你在ajax中的return 返回的是ajax中success的函数 怎么也不是最外层queryFloorByMansionId的函数

Answer 5

这是因为ajax是异步的，你想要正确返回floors,需要把他换成同步的。｀ajax｀的async属性可以解决这个问题。

$,ajax({
    url:"url",
    type:"get",
    async:false,
    success:function(data){
        //.....
    }
})