使用 AJAX 和 Laravel 5.1 发送用于创建的表单

Question

我正在使用 Laravel 5.1 开发应用程序，但在发送 ajax 请愿书时遇到问题我有下一个代码：

创建视图：

{!!Form::open()!!}

    <div class="form-group">
   {!!Form::label('genero','Genre:')!!}
   {!!Form::text('genre',null,['id'=> 'genre','class'=>'form-control'])!!}
    </div>

    {!!link_to('#', $title = 'Create', $attributes = ['id'=> 'create','class'=>'btn btn-primary'], $secure = null)!!}
{!!Form::close()!!}

Ajax请愿：

$("#create").click(function(){
 var genre = $("#genre").val();
 var route = "http://localhost:8000/genre";
 $.ajax({
   url: route,
   type: 'POST',
   dataType: 'json'
   data: {genre : genre}
  });
})

在我的路线中：

Route::resource('genre','GenreController');

但是在发送请愿书时出现下一个错误：

POST http://localhost:8000/genre 500 (Internal Server Error)

谢谢。

Answer 1

我的解决方案是下一个代码：

$("#registro").click(function(){
var data = $("#genre").val();
var route = "http://localhost:8000/genre";
var token = document.getElementById('token').value

$.ajax({
  url: route,
  headers: {'X-CSRF-TOKEN': token},
  type: 'POST',
  dataType: 'json',
  data: {data : data}
 });
});

Answer 2

在默认模板中，添加元标记

<meta name="_token" content="{!! csrf_token() !!}"/>

然后添加脚本代码：

<script type="text/javascript">
$.ajaxSetup({
headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }
});
</script>

然后你可以使用 ajax 正常调用...

使用 AJAX 和 Laravel 5.1 发送用于创建的表单

Send Form for create with AJAX and Laravel 5.1

php

ajax

jquery

laravel-5.1