9 Ajax Sederhana Menggunakan JQuery
load(url, params, callback)
- keterangan:
- url (String): URL dari file html yang akan di load
- params (Object): Data yang akan dikirimkan ke server (optional)
- callback (Function): Fungsi yang akan dijalankan ketika data berhasil di load (optional)
$(function(){
$("#menu a").click(function() {
url = $(this).attr("href");
$("#container").load(url);
return false;
});
$(document).ajaxStart(function(){
$("#loading").fadeIn();
$("#container").fadeIn(function(){
$(this).css({"opacity":"0.1"});
});
});
$(document).ajaxComplete(function(){
$("#loading").hide();
$("#container").css({"opacity":"1"});
});
});
- keterangan:
- #menu a, adalah link berupa elemen a didalam id menu yang akan di klik
- url = $(this).attr('href'); adalah isi variabel url yang merupakan isi dari atribut link berupa href
- $('#container').load(url); adalah funsi untuk menampilkan content dari url yang di klik ke elemen ber-id container
Untuk lebih jelasnya silakan lihat demo Demo Atau Anda bisa mendownload source code nya di sini: Download referensi: gawibowo
9 Comments
