这是我的新手,正在制作一个预订系统,我正在尝试使用laravel 5.4中的ajax发出请求,该程序必须返回在我的系统中进行的预订,但是我不能使此请求正常工作,我不知道为什么,不要在控制器中输入该功能,在这里我留下了代码,以防有人可以帮助我,非常感谢!
我正在使用fullCalendar API。
在chrome控制台中,向我显示“ ajax失败”
这是我的控制人
public function get_events()
{
$events = Reserva::select("id", "observacion as title", "hora_inicio as start" , "hora_fin as end")->get()->toArray();
//dd($events);
//return response()->json($events);
return json_encode($events);
}
我在web.php中的路线
Route::get('/reservas/get', 'ReservaController@get_events');
我的观点
@extends('layouts.app')
@section('content')
<div class="container" align="center">
<div class="contenedor">
Reservas
</div>
<div class="panel-body" id="margen_body">
<div class="col-md-12 col-md-offset-3">
<br>
<div class="panel panel-default">
<br>
<div id="calendar"></div>
</div>
</div>
</div>
</div>
@endsection
@section('js')
<script>
$(document).ready(function() {
"use strict";
var evt = [];
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
})
$.ajax({
type: "GET",
url: '/reservas/get',
dataType: "JSON",
sync: false
}).done(function(r){
alert("ajax work!");
evt = r;
}).fail(function(){
console.log("ajax failed")
});
console.log(evt);
// page is now ready, initialize the calendar...
$('#calendar').fullCalendar({
header: {
left: 'prev, next today',
center: 'title',
right: 'month, basicWeek, basicDay, listDay'
},
events: evt
});
//Make the dashboard widgets sortable using jQuery UI
$(".connectedSortable").sortable({
placeholder: "sort-highlight",
connectWith: ".connectedSortable",
handle: ".box-header, nav-tabs",
forcePlaceholderSize: true,
zIndex: 999999
});
$(".connectedSortable .box-header, .connectedSortable .nav-tabs-custom").css("cursor", "move");
});
</script>
@endsection
答案 0 :(得分:0)
您必须将json响应返回给ajax请求。
$data=json_encode($events);
return response()->json(['status' => 200,'data' =>data]);