javascript - 无法在 laravel 中使用模态和 ajax 插入表

Question

我无法使用 bootstrap 模式和一些 ajax 将 a 插入到我的数据库中。有人能帮我吗。我收到错误 Uncaught SyntaxError:无效的简写属性初始值设定项。我一直在寻找与此类似的问题，但找不到。顺便说一下，我是 AJAX 新手，所以很抱歉。有谁知道如何解决这一问题。 TIA

模态

          <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
                  <div class="modal-dialog modal-dialog-centered" role="document">
                    <div class="modal-content">
                      <div class="modal-header"> 
                        <h5 class="modal-title" id="exampleModalCenterTitle">Supplier</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                          <span aria-hidden="true">&times;</span>
                        </button>
                      </div>
                      <div class="modal-body">
                      <p style="font-weight: bold;">Name </p>
                        <input  style="text-transform:uppercase"  type="text" class="form-control" id="supplier"/>
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" id="add_supplier">Add</button>
                      </div>
                    </div>
                  </div>
                </div> 

Ajax

            <script type="text/javascript">

            $(document).ready(function(){

                $('#add_supplier').click(function(e){
                    e.preventDefault();
                    var input = $('#supplier').val();
                    $.ajaxSetup({
                        headers:{
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        }
                    });

                    $.ajax({
                        url: "{{    url('/supplier')    }}",
                        method: 'post',
                        data: {
                            name = input
                        },
                        success: function (res){
                            console.log(res);
                            window.location.href = '{{route("supplier.index")}}';
                        }
                    });
                });

            });



            </script>

Controller

    public function store(Request $request)
    {
        $data = $request->all();

        $data['name'] = ($data['name']);

        Supplier::create($data);

        return response()->json($data);
    }

路线

Route::resource('supplier', 'SupplierController');

Answer 1

您的数据必须作为 JavaScript 对象发送，因此正确的语法是

data: {name: input}