Verwenden von Bootstrap Datepicker, Javascript und Laravel Abfrage, um zu einem bestimmten Link zu gehen

Question

Ich habe 3 Tabellen: Jedes Ereignis hat viele Spots und jeder Spot hat viele Buchungen. Also versuche ich auf die Spots-Seite zu kommen, wo ich eine Liste von Buchungen habe, die mit Bootstrap-Kalenderauswahl angezeigt werden.

Ich habe einen Bootstrap-Kalender und 3 versteckte Eingabefeld (Vendor_id, Event_id und Datum mit ChangeDate-Ereignis ausgewählt).

Ich versuche, diese 3 Eingänge zu übergeben und eine spot_id (und schließlich auf den Link) gehen.

Hier ist mein Code:

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

ich den Controller und picker getestet, alles zu funktionieren scheint, aber ich brauche eine Logik den Wert zurück auf die Javascript zurückzukehren und URL:/{vendor_id}/Ereignisse/{Ereignis_ID}/{Punkt_ID}. I

Answer 1

console.log (Daten); anstelle von console.log (value.id);

Answer 2

Ich habe es endlich funktioniert. Ich musste dann einfach den Wert in das Objekt bringen. Diese ist, wie ich es an die Arbeit: $ .get ("/" + vendor_id + "/ events /" + event_id + "/" + caldate, Funktion (Daten) {

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

});