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

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;
            }
        }
    })
阅读 2.9k
5 个回答

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

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

首先,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 的区别

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

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

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

$,ajax({
    url:"url",
    type:"get",
    async:false,
    success:function(data){
        //.....
    }
})
推荐问题
宣传栏