javascript - bootstrap 通知 ajax 成功响应

Question

<script>
        $(document).ready(function(){
            $(document).on('change', '#avatar', function(){
                var property = document.getElementById("avatar").files[0];

                    var form_data = new FormData();
                    form_data.append("avatar", property);

                    $.ajaxSetup({
                        beforeSend: function(xhr, type) {
                            if (!type.crossDomain) {
                                xhr.setRequestHeader('X-CSRF-Token', $('meta[name="csrf-token"]').attr('content'));
                            }
                        },
                    });

                    $.ajax({
                        url: '{{ url('app()->getLocale())/profile') }}', 
                        method: "POST",
                        data: form_data,
                        contentType: false,
                        cache: false,
                        processData: false,
                        success:function(response){
                            window.location.href = window.location.href;

                            $.notify({
                                message: 'Hello World' 
                            },{
                            // settings
                            type: 'danger'
                            });

                        }
                    })
            });
       });
    </script> 

我怎样才能做到这一点，以便在图像完成上传并刷新图像以使用 $ .notify 显示消息时？我尝试了我在互联网上找到的所有内容，但没有可用...