Load Halaman / Page Tanpa Reload

Terkadang, kita jengkel dengan website yang sering mengklik link-link secara terus menerus. Dengan AJAX, kita dapat meload halaman / page tanpa reload. Sebelumnya anda membutuhkan plugin jQuery di website anda, jQuery bisa di dapatkan disini dengan CMPCTech CDN.

Contoh :

Cara Kerja :
Saat kita klik sesuatu yang ber id="home" maka jQuery akan menampilkan variabel loading ( berisi Loading... ) di sesuatu yang ber class="menu" dan me-load file home.html

Penjelasan :
$('#home').click(function(){ }); = #home artinya id="home" , jadi saat id="home" di klik, maka jQuery akan mengeksekusi semua yang ada di dalam $('#home').click(function(){ });
$('.menu').html(loading); = .menu artinya class="menu" , jadi jQuery akan menulis variabel loading di class="menu"
$('.menu').load('home.html'); = .menu artinya class="menu", jQuery me-load file home.html dan menulis HTMLnya di class="menu"
<div class="menu"></div> = adalah tempat me-load file home.html

Share :

Tweet

✚

Related Post