javascript - 使用 Bootstrap Datepicker、Javascript 和 Laravel 查询转到给定链接

Question

我有 3 张 table :每个事件都有很多席位，每个席位都有很多预订。 因此，我尝试访问景点页面，其中使用 Bootstrap 日历选择器显示预订列表。

我有一个 Bootstrap 日历和 3 个隐藏输入字段(Vendor_id、Event_id 和使用 changeDate 事件选择的日期)。

我正在尝试传递这 3 个输入并获取 Spot_id(最后转到链接)。

这是我的代码:

 <div class="calendar">
    <h2>Calendar</h2>
    <div id="datepicker" data-date-format="yyyy-mm-dd" data-date="today">
    </div>
    <input type="hidden" id="my_hidden_input">
    <input type="hidden" id="event_id" value="{{ $event->id }}">
    <input type="hidden" id="vendor_id" value="{{ $event->vendor_id }}">
 </div>


//JavaScript
<script type="text/javascript">
   $('#datepicker').datepicker();
   $('#datepicker').on("changeDate", function() {
   $('#my_hidden_input').val(
   $('#datepicker').datepicker('getFormattedDate')
   );
   var caldate = $('#my_hidden_input').val();
   var event_id = $('#event_id').val();
   var vendor_id = $('#vendor_id').val();
   //console.log(abc);
   //console.log(event_id);
   $.get("/"+vendor_id+"/events/"+event_id +"/"+caldate, function( data ) 
   {
        console.log(data);//I get this as UNDEFINED
        window.location.href="/"+vendor_id+"/events/"+event_id +"/"+data;
   });

   });
</script>

Controller Method
public function getspotid($vendor_id,$event_id,$date)
{

    $spotid = Spot::select('id')
    ->where('event_id','=',$event_id)
    ->where('event_date','=',$date)
    ->first();

    return response()->json(array('spotid' => $spotid));
}

我测试了 Controller 和日期选择器，一切似乎都正常，但我需要一个逻辑将值返回到 Javascript 并转到 url:/{vendor_id}/events/{event_id}/{spot_id}。我

Answer 1

console.log( 数据 ); 而不是 console.log(value.id);