我的Ajax问题在Laravel 5.4中获得请求

时间:2019-02-02 04:31:25

标签: jquery ajax laravel

这是我的新手,正在制作一个预订系统,我正在尝试使用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

1 个答案:

答案 0 :(得分:0)

您必须将json响应返回给ajax请求。

 $data=json_encode($events);

 return response()->json(['status' => 200,'data' =>data]);