Ajax (Asynchrones JavaScript und XML) ist eine Reihe von Webentwicklungstechniken, die viele Webtechnologien nutzen, die auf der Clientseite verwendet werden, um asynchrone Webanwendungen zu erstellen. Importieren Sie die JQuery-Bibliothek in Ihre Ansichtsdatei, um die Ajax-Funktionen von JQuery zu verwenden, die zum Senden und Empfangen von Daten mithilfe von Ajax vom Server verwendet werden. Auf der Serverseite können Sie die Funktion „response()“ verwenden, um eine Antwort an den Client zu senden, und um eine Antwort im JSON-Format zu senden, können Sie die Funktion „response“ mit der Funktion „json()“ verketten.
json(string|array $data = array(), int $status = 200, array $headers = array(), int $options)
Schritt 1 - Erstellen Sie eine Ansichtsdatei mit dem Namen resources/views/message.php und kopieren Sie den folgenden Code in diese Datei.
<html>
<head>
<title>Ajax Example</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
function getMessage() {
$.ajax({
type:'POST',
url:'/getmsg',
data:'_token = <?php echo csrf_token() ?>',
success:function(data) {
$("#msg").html(data.msg);
}
});
}
</script>
</head>
<body>
<div id = 'msg'>This message will be replaced using Ajax.
Click the button to replace the message.</div>
<?php
echo Form::button('Replace Message',['onClick'=>'getMessage()']);
?>
</body>
</html>
Schritt 2 - Erstellen Sie einen Controller namens Laravel – Ajax, indem Sie den folgenden Befehl ausführen.
php artisan make:controller Laravel – Ajax --plain
Schritt 3 − Nach erfolgreicher Ausführung erhalten Sie folgende Ausgabe −
Schritt 4 − Kopieren Sie den folgenden Code in
app/Http/Controllers/Laravel – Ajax.php Datei.
app/Http/Controllers/Laravel – Ajax.php
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Http\Requests;
use App\Http\Controllers\Controller;
class Laravel – Ajax extends Controller {
public function index() {
$msg = "This is a simple message.";
return response()->json(array('msg'=> $msg), 200);
}
}
Schritt 5 − Fügen Sie die folgenden Zeilen in app/Http/routes.php.
hinzuapp/Http/routes.php
Route::get('ajax',function() {
return view('message');
});
Route::post('/getmsg','Laravel – Ajax@index');
Schritt 6 − Besuchen Sie die folgende URL, um die Ajax-Funktionalität zu testen.
http://localhost:8000/ajax
Schritt 7 − Sie werden zu einer Seite weitergeleitet, auf der Sie eine Meldung sehen, wie im folgenden Bild dargestellt.
Schritt 8 − Die Ausgabe erscheint wie im folgenden Bild gezeigt, nachdem Sie auf die Schaltfläche geklickt haben.
Das obige ist der detaillierte Inhalt vonLaravel – Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
