使用 Bootstrap 日期选择器、Javascript 和 Laravel 查询转到给定的 link

Question

我有 3 个表：每个事件有很多点，每个点有很多预订。 因此，我正在尝试访问我使用 Bootstrap 日历选择器显示预订列表的景点页面。

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

我正在尝试传递这 3 个输入并获得 spot_id（最后转到 link）。

这是我的代码：

 <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));
}

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

Answer 1

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

Answer 2

我终于让它工作了。然后我必须简单地获取对象内部的值。 这就是我让它工作的方式： $.get("/"+vendor_id+"/events/"+event_id +"/"+caldate, 函数(数据) {

  console.log(data);
  window.location.href="/"+vendor_id+"/events/"+event_id +"/"+data.spotid.id;

});