suchen

Heim >PHP-Framework >Laravel >Laravel – Ajax

Laravel – Ajax

PHPz
PHPzOriginal
2024-08-27 10:50:27983Durchsuche

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()-Funktionssyntax

json(string|array $data = array(), int $status = 200, array $headers = array(), int $options)

Beispiel

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 −

Laravel – Ajax

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.

hinzu

app/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.

Replace Message

Schritt 8 − Die Ausgabe erscheint wie im folgenden Bild gezeigt, nachdem Sie auf die Schaltfläche geklickt haben.

Simple Message

Das obige ist der detaillierte Inhalt vonLaravel – Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php JavaScript laravel json jquery ajax format xml using copy function http
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Laravel – E-Mail sendenNächster Artikel：Laravel – E-Mail senden

In Verbindung stehende Artikel

Mehr sehen