Rumah  >  Artikel  >  rangka kerja php  >  Laravel - Ajax

Laravel - Ajax

PHPz
PHPzasal
2024-08-27 10:50:27908semak imbas

Ajax (JavaScript Asynchronous dan XML) ialah satu set teknik pembangunan web yang menggunakan banyak teknologi web yang digunakan pada bahagian pelanggan untuk mencipta aplikasi Web tak segerak. Import perpustakaan jquery dalam fail paparan anda untuk menggunakan fungsi ajax jquery yang akan digunakan untuk menghantar dan menerima data menggunakan ajax dari pelayan. Di bahagian pelayan, anda boleh menggunakan fungsi respons() untuk menghantar respons kepada klien dan untuk menghantar respons dalam format JSON, anda boleh merantai fungsi respons dengan fungsi json().

json() sintaks fungsi

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

Contoh

Langkah 1 − Buat fail paparan yang dipanggil resources/views/message.php dan salin kod berikut dalam fail tersebut.

<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>

Langkah 2 − Buat pengawal yang dipanggil Laravel - Ajax dengan melaksanakan arahan berikut.

php artisan make:controller Laravel - Ajax --plain

Langkah 3 − Selepas pelaksanaan berjaya, anda akan menerima output berikut −

Laravel - Ajax

Langkah 4 − Salin kod berikut dalam

app/Http/Controllers/Laravel - Ajax.php fail.

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

Langkah 5 − Tambahkan baris berikut dalam app/Http/routes.php.

app/Http/routes.php

Route::get('ajax',function() {
   return view('message');
});
Route::post('/getmsg','Laravel - Ajax@index');

Langkah 6 − Lawati URL berikut untuk menguji kefungsian Ajax.

http://localhost:8000/ajax

Langkah 7 − Anda akan dialihkan ke halaman di mana anda akan melihat mesej seperti yang ditunjukkan dalam imej berikut.

Replace Message

Langkah 8 − Output akan muncul seperti yang ditunjukkan dalam imej berikut selepas mengklik butang.

Simple Message

Atas ialah kandungan terperinci Laravel - Ajax. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:Laravel - Menghantar E-melArtikel seterusnya:Laravel - Menghantar E-mel