Menampilkan Data pada Laravel dengan Ajax

Tutorial Sebelumnya:

Tutorial Laravel #12: Insert atau Add Data pada Laravel
Tutorial Laravel #13: Insert atau Add Data pada Laravel (Menggunakan Ajax)

Pada Tutorial CRUD Laravel Menggunakan Ajax bagian pertama kita sudah membahas Insert atau Add Data. Di bagian kedua ini kita akan belajar cara Menampilkan Data pada Laravel Menggunakan Ajax.

Baca Juga:
Tutorial Laravel #14: Menampilkan Data pada Laravel (Tanpa Ajax)

Menampilkan Data pada Laravel Menggunakan Ajax

Tutorial ini adalah lanjutan dari tutorial sebelumnya Menginput Data ke Database di Laravel dengan Ajax.

Sebelumnya kita sudah membuat form input santri dan sudah berhasil menyimpan datanya ke database ke dalam tabel santri. Selanjutnya di tutorial ini kita akan menampilkan data santri tersebut dari database pada project ANISA kita.

1. Tabel yang digunakan adalah tabel santri.

2. Model untuk tabel User dengan nama SantriModel.php

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Santri extends Model
{
    use HasFactory;

    protected $table = 'santri';
    protected $primaryKey = 'id_santri';
    protected $fillable = ['nm_santri', 'tmp_lahir', 'tgl_lahir', 'alamat', 'no_hp'];
}

3. Kita butuhkan route seperti berikut:

use App\Http\Controllers\SantriController;

Route::get('santri/tampil', [SantriController::class, 'tampilsantri'])->name('tampilsantri')->middleware('auth');

Perhatikan kode Routes di atas, pada bagian kode program use App\Http\Controllers\SantriController agar SantriController dapat digunakan pada route kita.

Pada bagian route Route::get('santri/tampil'... adalah route yang kita gunakan untuk menampilkan seluruh data santri dengan method get.

Sehingga kode full route seperti berikut ini:

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\LoginController;
use App\Http\Controllers\HomeController;
use App\Http\Controllers\SantriController;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

Route::get('/', [LoginController::class, 'login'])->name('login');
Route::post('actionlogin', [LoginController::class, 'actionlogin'])->name('actionlogin');
Route::get('actionlogout', [LoginController::class, 'actionlogout'])->name('actionlogout');

Route::get('home', [HomeController::class, 'index'])->name('home')->middleware('auth');

Route::get('santri/tampil', [SantriController::class, 'tampilsantri'])->name('tampilsantri')->middleware('auth');
Route::get('santri/tambah', [SantriController::class, 'tambahsantri'])->name('tambahsantri')->middleware('auth');
Route::post('santri/simpan', [SantriController::class, 'simpansantri'])->name('simpansantri')->middleware('auth');

4. Selanjutnya pada controller SantriController.php tambahkan kode berikut ini:

Tutorial Selanjutnya:

Tutorial Laravel #16: Update atau Edit Data pada Laravel
Tutorial Laravel #17: Update atau Edit Data pada Laravel (Menggunakan Ajax)