Javascript and AJAX in LOADING CODE (Explain by ChatGPT)

Difference Between JavaScript and AJAX

---

1. JavaScript

JavaScript adalah bahasa pemrograman.

JavaScript berjalan di dalam web browser.

JavaScript dapat melakukan:

• Manipulasi HTML dan CSS
• Membuat animasi
• Validasi form
• Mengontrol perilaku website
• Menangani event (click, ketik, scroll, dll.)

👉 JavaScript = bahasa utama yang mengontrol perilaku website.

---

2. AJAX

AJAX bukan bahasa pemrograman.

AJAX adalah teknik yang menggunakan JavaScript untuk berkomunikasi dengan server tanpa me-reload seluruh halaman.

Dengan AJAX, halaman web bisa:

• Memuat data baru tanpa reload
• Mengirim data form di background
• Merefresh hanya sebagian halaman
• Meningkatkan kecepatan & user experience

👉 AJAX = JavaScript + komunikasi server tanpa reload.

---

Simple Analogy

JavaScript = tanganmu
AJAX = menggunakan tangan untuk mengirim pesan tanpa perlu berdiri dari kursi

AJAX menggunakan JavaScript untuk mengirim/menerima data di background.

---

Example to Make It Clearer

JavaScript (update halaman biasa)

document.getElementById("box").textContent = "Hello!";

AJAX (mengambil data dari server tanpa reload)

fetch("data.json")
  .then(response => response.json())
  .then(data => {
    document.getElementById("box").textContent = data.message;
  });

---

Summary Table

Aspect	JavaScript	AJAX
Type	Programming language	Web technique/method
Purpose	Control webpage behavior	Request & receive data without reload
Needs JavaScript?	—	Yes
Page reload?	Usually reload for new data	No reload