Hallo sobat program, bertemu lagi dengan saya Rizal dan masih diwebsite dumetschool yang sangat kita cintai. Dipembahasan ini saya akan memberikan tutorial basic dari AJAX yaitu tentang Cara Menload File HTML Menggunakan AJAX.
Asynchronous JavaScript and XMLHTTP (AJAX) adalah sebuah metode website yang menggunakan javascript untuk mengirim dan menerima data dari server tanpa harus refresh halaman itu. Tentunya sebelum masuk pembahasan AJAX teman-teman harus mengenal terlebih dahulu tentang javascript dan JQuery.
Cara Menload File HTML Menggunakan AJAX
Dan disini saya akan memberikan tutorial sederhana dari salah satu fungsi ajax yaitu load(). Fungsi load() ini bertujuan untuk memuat data dari server dan mengembalikan data ke elemen yang dipilih. Dan disini kita akan coba memuat file HTML dan mengembalikan datanya ke element yang dipilih dengan menggunakan fungsi load().
Oke langsung saja Cara Menload File HTML Menggunakan AJAX, langkah pertama teman-teman buat 2 buah file HTML dengan nama index.html dan text.html. dan untuk file index.html teman-teman isi dengan kode HTML seperti pada contoh dibawah ini :
Oke langkah berikutnya teman-teman, ketik kode HTML seperti dibawah ini untuk file text.html :
Oke disini kita mempunyai 2 buat file HTML dengan isi yang berbeda, dan langkah terakhir teman-teman tinggal jalankan dibrowser yang teman-teman gunakan, jika benar maka hasilnya akan menjadi seperti pada contoh dibawah ini :
Pada hasil akhir diatas, ketika tombol button di klik maka function click akan menjalankan fungsi load() pada AJAX dan mengembalikan data yang ada di text.html ke id hasil.
Oke cukup mudah dipahami ya teman-teman, kalau begitu cukup sampai disini dulu pembahasan kita kali ini tentang Cara Menload File HTML Menggunakan AJAX., mudah-mudahan sangat bermanfaat buat teman-teman dan sampai bertemu dipembahasan selanjutnya.
Terimakasih
Sumber : w3school
The post Cara Menload File HTML Menggunakan AJAX appeared first on Kursus Website Terbaik.