如何在不刷新页面的情况下使用ajax提交表单请求并在laravel中返回消息？

Question

我试图在没有页面刷新或重定向的情况下提交表单请求并存储数据。并将成功消息发送到

 @if (session('message'))

    <div class="alert alert-success">

       {{ session('message') }}

    </div>

   @endif

，单击提交按钮后我得到白页并有以下响应

{

"msg": "Setting created successfully"

}

html 表单：

<form method="POST" action="/mail/store" id="contactForm">

    @csrf

    <div style="display: flex;" class="name-email">

        <div class="form-group col-sm-6 fl_wrap">

            <input type="text" name="name" value="{{ old('name') }}" id="name"

                   class="form-control fl_input" placeholder="Name"

                   required>

        </div>

        <div class="form-group col-sm-6 fl_wrap">

            <input type="text" name="email" value="{{ old('email') }}" id="email"

                   placeholder="Email"

                   class="form-control fl_input" required>

        </div>

    </div>

    <div class="form-group col-sm-12 fl_wrap mt-2">

    <textarea type="text" name="message" rows="7" value="{{ old('message') }}" id="message"

              class="form-control fl_input" placeholder="message"

              required></textarea>

    </div>

    <div class="form-group text-center mt-5">

        <button type="submit" value="save" id="submit" class="btn btn-warning submit"

                style="color: white;background: rgb(59, 199, 246); border-color: rgb(59, 199, 246); width: 140px;">

            send

        </button>

    </div>

</form>

Js 代码：我认为 ajax 代码有问题或缺失，但我不知道在哪里

 <script src="/js/jquery.min.js"></script>

     <script !src="" type="text/javascript">

         $(document).ready(function () {

             $.ajaxSetup({

                    headers: {

                           'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

                        }

            });

Answer 1

试试这个：$.post("{{ url('mail/store') }}", {&nbsp; &nbsp; name, email, message, '_token': "{{ csrf_token() }}"}, function(data) {&nbsp; &nbsp; $('#postRequestData').html(data.message);});