laravel - 如何在 Laravel 中使用 Ajax 添加/删除数据后显示 Flash 消息； 8个

Question

需要帮助在 Laravel 8 中使用 Ajax 添加/删除数据后显示 Flash 消息 我包含了文件“flash-message.blade.php”

<div class="content-wrapper">
  @include('flash-message')

我的 Controller 文件

 public function deleteData(Request $req) 
    {
        $deletedata = buffalodata::destroy($req->id); 
         return response()->json( $deletedata );
    }

删除数据的 Ajax 调用

    $(document).on('click', '#footer_delete_button', function() { 

            $.ajax({

                type:'post',
                url: '/deleteData',
                data:{
                    '_token': $('input[name=_token]').val(),
                    'id'    : $('.did').text()
                    },

                        success: function(data) {
                            console.log("Success");
                            $('.item' + $('.did').text()).remove();
                                
                                location.reload()
                        }
                });


            });

提前致谢....

Answer 1

您可以使用 https://github.com/stanlemon/jGrowl 删除成功后

我已经使用了它，如下所示:

将此脚本添加到您的layout.blade.php 文件

function popUpMessage(colorTheme, message) {
        $.jGrowl(message,
            {
                theme: colorTheme
            }
        );
    }

为了成功调用这个:

popUpMessage('bg-success', "Deleted successfully");

对于错误调用这个:

popUpMessage('bg-danger', "Some error occured");

“bg-success”和“bg-danger”是bootstrap类，您可以使用自己的

如果你想从 Controller 中刷新 session 消息，那么你可以使用:

将此添加到您的 flash-message.blade.php

@if (session()->has('success'))
    <script>
        popUpMessage('bg-success', "{{ session()->get('success') }}" );
    </script>
@elseif (session()->has('error'))
    <script>
        popUpMessage('bg-danger', "{{ session()->get('error') }}");
    </script>
@endif

然后在成功删除后你可以调用这个表单 Controller :

    session()->flash('success', 'Deleted Successfully');

对于错误

    session()->flash('error', 'Some error occurred');

因为您正在使用 ajax，所以不要使用 location.reload()