Laravel – Ajax-Laravel-php.cn

Laravel – Ajax

PHPz

Freigeben： 2024-08-27 10:50:27

Original

987 Leute haben es durchsucht

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)

Nach dem Login kopieren

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>

Nach dem Login kopieren

Schritt 2 - Erstellen Sie einen Controller namens Laravel – Ajax, indem Sie den folgenden Befehl ausführen.

php artisan make:controller Laravel – Ajax --plain

Nach dem Login kopieren

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

Nach dem Login kopieren

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

Nach dem Login kopieren

Schritt 6 − Besuchen Sie die folgende URL, um die Ajax-Funktionalität zu testen.

http://localhost:8000/ajax

Nach dem Login kopieren

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!