使用回调等待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);
}

因此它将在回调函数中调用回调函数，第一个参数为错误，第二个为结果。