2017-11-20 1 views
-2

Dies ist das erste Mal, dass ich die jquery post-Funktion in Laravel verwende. Ich benutze Laravel 5.4. Ich möchte Daten über jquery übermitteln.

Hier ist meine Klinge Vorlage Ansicht:

<head> 
    <meta charset="UTF-8"> 
    <meta name="csrf-token" content="{{ csrf_token() }}"> 
</head> 

<body> 
<form class="form-horizontal" method="POST" action="{{ route('doctor.register') }}"> 
    {{ csrf_field() }} 
    <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}"> 
    <a href="#" id="ajaxclick">On click ajax</a> 
</form> 
</body> 

Route:

Route::post('/ajax', '[email protected]')->name('test.ajax'); 

JS-Datei:

$(document).ready(function() { 
    $("#ajaxclick").click(function() { 
     var token = $("#token").val(); 
     var identity = 5; 
     $.post("/ajax", { id: identity, token: token }, 
      function(data) { 
       console.log("ajax working"); 
       console.log(data.id); 
      }, "json"); 

    }); 
}); 

Controller:

public function ajax(Request $request) 
{ 
    $id = $request['id']; 
    $id = $id + 1; 
    return response()->json(array('success'=>true, 'id'=>$id)); 
} 

Aber wenn ich auf Tag klicke, bekomme ich 500 (Interner Serverfehler) im Konsolenprotokoll.

Nun, wie kann ich Daten über Post-Funktion übergeben? Irgendeine Hilfe ?

+0

öffnen und Fehlerprotokolle lesen. –

+1

''id' => id 'sollte' 'id' => $ id 'sein –

+0

Wie von" Internal Server Error "angezeigt, gibt es einen Server (wahrscheinlich PHP) Fehler beim Versuch, auf Ihre Ajax Anfrage zu antworten. Stellen Sie sicher, dass auf dem Server die Fehlerberichterstattung und die Protokollierung aktiviert sind, und überprüfen Sie, ob der tatsächliche Fehler vorliegt. Dann wird es viel einfacher zu finden und zu beheben sein. Aber wie Mulder sagt, haben Sie einen offensichtlichen Syntaxfehler. Vielleicht ist das das einzige Problem, vielleicht auch nicht. Die Protokolle werden es dir sagen. – ADyson

Antwort

-1

Gelöst :: ich meine JS-Datei wie folgt bearbeitet haben:

$(document).ready(function() { 
    $("#ajaxclick").click(function() { 
     $.ajaxSetup({ 
      headers: { 
       'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 
      } 
     }); 
     var token = $("#token").val(); 
     var identity = 5; 
     $.post("/ajax", { id: identity, token: token }, 
      function(data) { 
       console.log("ajax working"); 
       console.log(data.id); 
      }, "json"); 
    }); 
}); 
Verwandte Themen