使用回調等待ajax請求

Question

我試圖使用回調來等待Ajax請求，但是它無法正常工作。有人可以告訴我回調背后的邏輯，並幫助我在laravel代碼中進行協同操作。

         function sendImageToController(callback){
                $.ajaxSetup({
                    headers: { 'X-CSRF-Token' : $('meta[name="csrf-token"]').attr('content') } 
                    });
                $.ajax({
                    url: "{{route('HeatMap.moveToStorage')}}",
                    data: {"imgUrl":imgUrl,
                        "targetHeatMap":myMap
                },
                    type:'post',
                    success:function(response){
                        //Refresh After Creating the image
                        if(!window.location.hash) {
                            // alert('Please Wait Loading');
                                //window.location = window.location + '#loaded';
                                //window.location.reload();
                                }
                                console.log("correct");
                                console.log(response);
                            },
                    error:function(e){
                        console.log(e);
                    },
                });               
            }

Answer 1

您需要從成功和錯誤函數中調用回調函數

success:function(response){
    callback(null, response);
}error:function(e){
    callback(e, null);
}

因此它將在回調函數中調用回調函數，第一個參數為錯誤，第二個為結果。