Apa itu AJAX?AJAX merupakan singkatan dari Asynchronous Javascript Aand XML. Show AJAX berfungsi untuk:
Pada dasarnya AJAX hanya menggunakan objek Kita bisa bisa melihat proses AJAX melalui inspect elemen di web browser, lalu buka tab Network dan aktifkan filter XHR (XML HTTP Request). Oh iya, meskipun di AJAX ada kata “XML”… Bukan berarti hanya mendukung format XML saja. AJAX juga mendukung format JSON, Plain Text, dan HTML. Cara Menggunakan Ajax di JavascriptLangkah-langkah menggunakan AJAX seperti ini:
Oke… Mari kita coba. Buatlah file HTML dengan isi sebagai berikut:
Hasilnya: Pada contoh di atas, kita mengambil data dari server Github dengan methode GET. Lalu hasilnya langsung dimasukan ke dalam elemn Event yang kita gunakan adalah
Kode state
Sementara untuk status header Lalu coba perhatikan kode ini:
Terdapat tiga parameter yang kita berikan kepada method
Mari kita lanjutkan dengan contoh yang lainnya. Silahkan ubah isi file HTML yang tadi menjadi seperti ini:
Hasilnya: Mengirim Data ke Server dengan AJAX
Hasilnya: Pengiriman data tersebut hanya untuk simulasi. Data tidak benar-benar akan terkirim ke server https://jsonplaceholder.typicode.com/posts. AJAX Menggunakan JQueryJQuery adalah library Javascript yang menyederhanakan fungsi-fungsi Javascript. Pada JQuery, AJAX dapat dibuat seperti ini:
Mari kita coba… Buatlah file baru bernama
Hasilnya: Dengan fungsi Fungsi JQuery Contoh lainnya menggunakan metode GET:
Hasilnya: Nah untuk mengirim data dengan AJAX di JQuery, caranya hampir sama seperti mengambil data dengan
AJAX Menggunakan Fetch APIFetch artinya mengambil. Metode fetch bisa jadi alternatif untuk AJAX. Methode ini mulai hadir pada Javascript versi ES6. Perbedaanya dengan
Berikut ini sintak dasar penggunaan Fetch.
Dan untuk pengiriman data dengan metode POST, bentuknya seperti ini:
Mari kita coba… Berikut ini contoh pengambilan data menggunakan fetch:
Hasilnya: Ajax Menggunakan AxiosAxios hampir sama seperti fetch. Bedanya Axios adalah sebuah library sedangkan fetch adalah API yang tersedia di web browser. Axios juga sama-sama bisa digunakan di web browser dan Nodejs. Contoh AJAX dengan Axios:
Mari kita coba dalam HTML:
Hasilnya: Ahir Kata….Jadi… Cara mana yang paling bagus? Tidak ada yang paling bagus dan jelek, di sini semuanya sama-sama bagus. Tinggal kita saja yang menentukan, lebih nyaman pakai yang mana. Kalau saya, lebih suka menggunakan fetch dari pada Bagaimana denganmu? Apakah jQuery termasuk JavaScript?jQuery adalah Library JavaScript yang akan mempercepat proses pembuatan website. Keistimewaan dari jQuery adalah kesederhanaannya yang bisa digunakan programmer pemula karena sintaksnya tidak terlalu rumit.
Apa beda JavaScript dan jQuery?Perbedaan antara jQuery dan JavaScript adalah bahwa jQuery lebih sederhana dan lebih mudah tetapi JavaScript lebih kuat dan tidak mengecewakan Dave.
Apa saja yang bisa dilakukan jQuery?Fitur Unggulan jQuery. Manipulasi HTML/DOM.. Manipulasi CSS.. HTML Event Methods.. Efek dan Animasi.. CSS3 Compliant.. Cross-Browser.. Apakah jQuery Gratis?jQuery adalah JavaScript Library yang dirancang untuk menyederhanakan traversal dan manipulasi DOM HTML, serta penanganan acara, animasi CSS, dan Ajax. jQuery dirancang secara open source yang dapat diakses secara gratis yang Lisensi MIT permisif.
|