Pada tutorial kali ini kita akan belajar tentang Cara Load HTML Menggunakan Ajax Jquery, seperti yang kita ketahui bahwa ajax merupakan singkatan dari Asynchronous JavaScript dan XML, pada ajax terdiri dari html, javascript, DHTML dan DOM yang kemudian digabungkan dengan bahasa pemrograman web seperti di sisi server  PHP, sehingga nantinya akan membentuk suatu aplikasi web yang lebih interaktif. Yang harus kita ketahui bahwa ajax bukanlah bahasa pemrograman baru namun melainkan teknik baru yang dapat kita gunakan untuk membuat aplikasi berbasis web yang lebih baik, cepat dan lebih interaktif.

Ajax juga digunakan untuk kita dapat berkomunikasi ataupun bertukar data dengan server tanpa perlu meload atau merefresh satu halaman penuh, metode load berfungsi untuk memanggil file html atau pun file yang lainnya yang berada pada file terpisah.

Oke teman-teman biar lebih paham tentang Cara Load HTML Menggunakan Ajax Jquery kita akan buat sebuah contoh sederhana seperti dibawah ini :

  • Langkah pertama kita akan membuat sebuah file dengan nama html, pada file index.html terdapat struktur html, di dalam struktur html tersebut juga terdapat tag <script> untuk kita memasukan script javascript seperti dibawah ini :

  • Selanjutnya kita akan membuat sebuah file sejajar dengan file index.html dengan nama html untuk scriptnya seperti dibawah ini :

Jika kita jalankan pada browser maka akan terlihat hasilnya seperti di bawah ini:

Cara Load HTML Menggunakan Ajax Jquery

Jika tombol button kita klik maka akan tampil script yang terdapat pada file title html seperti dibawah ini :

Cara Load HTML Menggunakan Ajax Jquery

Oke teman-teman itulah pembahasan kita tentang Cara Load HTML Menggunakan Ajax Jquery.

Semoga bermanfaat.

Terima kasih.