鍍金池/ 問答/HTML/ js中ajax為什么不能正確的return floors呢?

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;
            }
        }
    })
回答
編輯回答
凝雅

ajax是異步編程模型。舉個通俗的例子:
你打電話問書店老板有沒有《ajax》這本書,如果是同步通信機(jī)制,書店老板會說,您稍等,“我?guī)湍橐幌隆?,然后開始查啊查,等查好了告訴你結(jié)果(返回結(jié)果),您可能是等待10秒,也可能是10分鐘(阻塞的)。而異步通信機(jī)制,書店老板直接說:查好了打電話給你,然后直接掛電話了(不返回結(jié)果)。等查好了,他會主動打電話給你。在這里老板通過“回電話(異步函數(shù)回調(diào))”這種方式來回調(diào)。

由于ajax默認(rèn)是異步請求,因此不會等ajax的success函數(shù)返回結(jié)果就會一直往下執(zhí)行。

2018年4月24日 14:54
編輯回答
糖果果

ajax是異步,當(dāng)你return的時候,外面的function早就跑完啦

2017年3月28日 01:07
編輯回答
祉小皓

你可以這樣理解 queryFloorByMansionId函數(shù)跑到ajax的地方 把a(bǔ)jax函數(shù)放一邊 其余的繼續(xù)跑 等queryFloorByMansionId其他的都跑結(jié)束后 再去跑ajax中的內(nèi)容
而且 你在ajax中的return 返回的是ajax中success的函數(shù) 怎么也不是最外層queryFloorByMansionId的函數(shù)

2017年3月13日 18:58
編輯回答
互擼娃

這是因?yàn)?code>ajax是異步的,你想要正確返回floors,需要把他換成同步的。`ajax`的async屬性可以解決這個問題。

$,ajax({
    url:"url",
    type:"get",
    async:false,
    success:function(data){
        //.....
    }
})
2018年1月11日 11:38
編輯回答
我以為

首先,success 后面是定義的一個回調(diào)函數(shù),回調(diào)函數(shù)的返回值有什么作用,需要看 jQuery.ajax 文檔——我記得是沒有用的。

然后我們來看看 Ajax。默認(rèn) Ajax 是異步的,也就是說 $.ajax(...) 之后的代碼會立即執(zhí)行,而不會等 ajax 調(diào)用結(jié)束。當(dāng) ajax 調(diào)用結(jié)束之后,它是通過 success、error 和 complete 等回調(diào)來處理后續(xù)事件的。同時 $.ajax 返回的是一個 jQuery Promise 對象,它具有 done、fail 和 always 事件,對就于前面提到的三個回調(diào)。同時它也是一個 thenable,兼容標(biāo)準(zhǔn) Promise 的 then 接口(不過注意,它沒有 catch 接口)。這里提到的這些異步相關(guān)的東西,你可以參考人小小題目逐步走進(jìn) JavaScript 異步調(diào)用,以及這篇文章中列舉的參考文章。

回到你的問題,首先,success 回調(diào)函數(shù)的返回值,并不知道它是如何處理的(多半是丟棄),而且你也找不到辦法去獲取這個返回值。其次,你不知道回調(diào)函數(shù)是什么時候執(zhí)行的,因?yàn)楫惒秸{(diào)用的結(jié)束時間沒法準(zhǔn)確判斷,這取決于異步過程。第三,異步完成的時候你對 floors 進(jìn)行了操作,這很好,因?yàn)槠渌枰褂?floors 的地方可以在這之后使用添加到其中的內(nèi)容,唯一不能確定的是什么時候它得到了正確的填充。

而解決辦法就是在 success 回調(diào)中調(diào)用需要處理 floors 的函數(shù)。或者在這里觸發(fā)一個事件,通知注冊了這個事件的處理函數(shù)已經(jīng)得到了 floors 的值。如果想要代碼看起來更優(yōu)雅一些,可以使用 $.ajax() 返回的 Promise 對象的 done 等事件,也可以直接 then(注意 done 和 then 的區(qū)別

2017年11月26日 08:58