Pada kesempatan kali ini saya akan menjelaskan cara menggunakan method load ajax Jquery. Perlu teman-teman ketahui sebelumnya, AJAX atau kepanjangan dari Asynchoronous Javascript and XML adalah salah satu metode pemograman yang memungkinkan teman-teman untuk dapat melakukan pertukaran data dengan server yang diproses di belakang layar sehingga tak terlihat oleh user,dan biasanya halaman website tersebut tanpa melakukan reload halaman yang tampak seperti biasanya. Untuk dapat menggunakan ajax tersebut perlu menggunakan library jQuery.
Namun bagi teman-teman yang belum tahu apa itu jQuery, berikut penjelasannya. jQuery adalah library Javascript yang terbilang sangat sederhana dan ringkas untuk dapat memanipulasi komponen-komponen dokumen HTML seperti untuk menangani event, untuk membuat animasi, untuk menggunakan efek sampai dengan untuk pembuatan proses yang berinteraksi dengan ajax. Library tersebut dirancang sedemikian rupa.
Berikut Contohnya :
- Teman-teman buat terlebih dahulu satu buah file dengan nama index.html didalam folder project teman-teman, dan ketikan kode seperti berikut:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Cara Menggunakan Method Load Ajax Jquery</title> </head> <body> <div class="kotaksatu"><h1>Cara Menggunakan Method Load Ajax Jquery..!</h1></div> <button class="tombol">Proses</button> </body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script> $(document).ready(function(){ $(".tombol").click(function(){ $(".kotaksatu").load("konten.txt"); }); }); </script> </html> |
- Jika sudah save file tersebut.
- Buat lagi satu buah file dengan nama konten.txt yang sejajar dengan file index.html didalam folder project teman-teman.
- Ketikan atau isi file konten.txt tersebut dengan kalimat seperti berikut :
|
1 |
AJAX atau kepanjangan dari Asynchoronous Javascript and XML adalah salah satu metode pemograman yang memungkinkan teman-teman untuk dapat melakukan pertukaran data dengan server yang diproses di belakang layar sehingga tak terlihat oleh user,dan biasanya halaman website tersebut tanpa melakukan reload halaman yang tampak seperti biasanya. Untuk dapat menggunakan ajax tersebut perlu menggunakan library jQuery. |
- Jika sudah save kedua file tersebut dan lihat hasilnya di browser teman-teman.
Sampai disini penjelasan saya mengenai cara menggunakan method load ajax Jquery, semoga bermanfaat.