使用Bootstrap Datepicker，Javascript和Laravel查询转到给定的链接

我有3张桌子： 每个活动有很多名额，每个名额都有许多预订。所以我正在尝试访问景点页面，其中我有使用 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));
}

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