Langsung ke konten utama

sitemap

Memuat…

Komentar

Posting Komentar

Postingan populer dari blog ini

CRUD PHP & MySQL dengan AJAX

CRUD PHP & MySQL dengan AJAX (Tanpa Reload Halaman) Halo semua, kembali lagi di Zhuzhu-sama blogger. pada artikel sebelumnya kita sudah mempelajari cara validasi dengan javascript di CRUD PHP, sekarang kita lanjut mempelajari CRUD PHP dengan menggunakan AJAX. selamat membaca kawan :) AJAX memungkinkan kita melakukan operasi CRUD (Create, Read, Update, Delete) tanpa harus me-reload halaman. Ini membuat pengalaman pengguna lebih cepat dan responsif. 1. Menyiapkan Database Buat database dan tabel berikut di MySQL: CREATE DATABASE db_mahasiswa; USE db_mahasiswa; CREATE TABLE mahasiswa ( id INT AUTO_INCREMENT PRIMARY KEY, nama VARCHAR(100), email VARCHAR(100), jurusan VARCHAR(50) ); 2. Menampilkan Data dengan AJAX Kita akan menggunakan JavaScript untuk mengambil data dari database dan menampilkannya tanpa reload. Kode index.php: <!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> ...
Posting Komentar
Read more =>

Integrasi Bootstrap Modal dalam CRUD AJAX PHP & MySQL

Integrasi Bootstrap Modal dalam CRUD AJAX PHP & MySQL halo semua, selamat datang di Zhuzhu-sama blogger. Pada artikel sebelumnya, kita telah membuat fitur CRUD dengan AJAX. Sekarang, kita akan menggunakan Bootstrap Modal agar tampilan lebih modern dan interaktif. 1. Menambahkan Bootstrap ke Proyek Tambahkan link Bootstrap ke dalam <head> : <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> 2. Menampilkan Data dengan Tombol Edit & Hapus Pada tabel data, kita tambahkan tombol Edit dan Hapus yang akan membuka modal. Update read.php: <?php include 'config.php'; $result = $koneksi->query("SELECT * FROM mahasiswa"); echo "<table class=...
1 komentar
Read more =>

Edit Data dengan AJAX dalam CRUD PHP & MySQL

Edit Data dengan AJAX dalam CRUD PHP & MySQL halo semua, kembali lagi di Zhuzhu-sama blogger. Pada artikel sebelumnya, kita telah membuat fitur tambah dan hapus data menggunakan AJAX. Sekarang, kita akan menambahkan fitur edit data tanpa perlu me-reload halaman. 1. Menampilkan Data dengan Tombol Edit Kita akan menambahkan tombol edit di setiap baris data mahasiswa. Update read.php: <?php include 'config.php'; $result = $koneksi->query("SELECT * FROM mahasiswa"); echo "<table border='1'><tr><th>Nama</th><th>Email</th><th>Jurusan</th><th>Aksi</th></tr>"; while ($row = $result->fetch_assoc()) { echo "<tr> <td>".$row['nama']."</td> <td>".$row['email']."</td> <td>".$row['jurusan']."</td> <td> ...
1 komentar
Read more =>