Dengan AJAX, antarmuka browser JavaScript mengirimkan permintaan data di latar belakang ke endpoint PHP, lalu menyisipkan respons HTML atau JSON langsung ke DOM.
AJAX Intro
Contoh Kode AJAX Intro:
<!DOCTYPE html>
<html>
<body style="font-family: sans-serif; padding: 20px;">
<h2>Alur Kerja AJAX & PHP</h2>
<ol>
<li>Pengguna mengetik di input pencarian.</li>
<li>JavaScript mengirimkan fetch() ke <code>cari.php?q=keyword</code>.</li>
<li>PHP mengeksekusi query database dan mengembalikan hasil data.</li>
<li>JavaScript menampilkan hasil secara langsung tanpa kedipan reload!</li>
</ol>
</body>
</html>Uji kode PHP dan amati simulasi output server pada panel pratinjau di atas.