Ajax Laravel 10

MUAZHAN

3 min read

·

Jul 01, 2024

15

Share

Menggunakan AJAX dengan Laravel 10

AJAX (Asynchronous JavaScript and XML) adalah teknik yang memungkinkan halaman web untuk berkomunikasi dengan server tanpa melakukan refresh halaman penuh. Hal ini menghasilkan pengalaman pengguna yang lebih baik dan responsif. Pada artikel ini, kita akan menjelajahi bagaimana menggunakan AJAX dengan Laravel 10.

Persiapan

1. Pastikan Anda telah menginstal Laravel 10 pada mesin Anda.

2. Anda memerlukan pengetahuan dasar tentang HTML, CSS, JavaScript, dan PHP.

Contoh Sederhana: Mengambil Data dari Controller

1. Buat Controller:

Buat sebuah controller baru di app/Http/Controllers dengan nama UserController.php.

json($users);
    }
}

2. Buat View:

Buat file view resources/views/users.blade.php

3. Konfigurasi Route:

Tambahkan route berikut di routes/web.php:

Route::get('/', [UserController::class, 'index'])->name('users');
Route::get('/users', [UserController::class, 'getUsers'])->name('get.users');

Penjelasan:

• Script JavaScript di view menggunakan jQuery untuk melakukan permintaan AJAX ke route /users.
• Controller UserController menangani permintaan dan mengambil data pengguna dari database.
• Data pengguna dikembalikan dalam format JSON.
• Script JavaScript menampilkan data pengguna yang diterima di elemen users-list.

Kesimpulan

Contoh sederhana ini menunjukkan bagaimana AJAX dapat digunakan dengan Laravel untuk meningkatkan pengalaman pengguna. Dengan menggunakan AJAX, Anda dapat memuat konten secara dinamis, mengirim data ke server tanpa melakukan refresh halaman, dan membuat aplikasi web yang lebih interaktif.