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

Previous
Next Post »

1 comments:

April 1, 2017 at 11:57 AM ×

punya saya ko gagal yah mas ?

Congratulation, Indriantoadi s have the first comment
Balas
avatar
admin

Berkomentarlah dengan baik dan benar Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Thanks for your comment