Fungsi jQuery AJAX
jQuery memiliki pustaka fungsi (metode) yang kaya untuk pengembangan AJAX.
Contoh jQuery AJAX
Klik tombol di bawah ini untuk mengubah teks ini melalui AJAX
Contoh di atas diambil dari Panduan AJAX, tetapi telah diubah menggunakan jQuery.
Apa itu AJAX?
AJAX = Asynchronous JavaScript and XML.
AJAX adalah teknologi untuk menciptakan halaman web yang cepat dan dinamis.
AJAX memungkinkan halaman web melakukan pembaruan asinkron dengan cara mengganti sedikit data di latar belakang dengan server. Ini berarti ada kemungkinan untuk memperbarui bagian dari halaman web tanpa memuat kembali seluruh halaman.
Anda dapat mengakses di Panduan AJAX pelajari lebih banyak tentang AJAX.
AJAX dan jQuery
jQuery menyediakan pustaka fungsi (metode) yang kaya untuk pengembangan AJAX.
Dengan jQuery AJAX, Anda dapat meminta TXT, HTML, XML, atau JSON dari server jauh menggunakan HTTP Get dan HTTP Post.
dan Anda dapat langsung memuat data jarak jauh ke elemen HTML yang dipilih di halaman web!
Lebih sedikit, lebih banyak
Fungsi load jQuery adalah fungsi AJAX yang sederhana (tetapi kuat) dengan sintaks berikut:
$(selector).load(url,data,callback)
Gunakan selector ) untuk mendefinisikan elemen HTML yang akan diubah, gunakan url Parameter) untuk menentukan alamat web data.
Hanya saat Anda ingin mengirim data ke server, Anda memerlukan data Parameter. Hanya saat Anda memerlukan untuk memicu fungsi setelah penyelesaian eksekusi, Anda memerlukan callback Parameter.
Low Level AJAX
$.ajax(options) adalah sintaks dari fungsi AJAX tingkat rendah.
$.ajax menyediakan lebih banyak fungsi daripada fungsi tingkat tinggi, tetapi lebih sulit digunakan.
option Pengaturan parameter adalah pasangan name|value, yang mendefinisikan data URL, sandi, tipe data, penapis, charset, batas waktu, dan fungsi kesalahan.
Permintaan AJAX jQuery
| Permintaan | Deskripsi |
|---|---|
| $(selector).load(url,data,callback) | Muat data jarak jauh ke elemen yang dipilih |
| $.ajax(options) | Muat data jarak jauh ke objek XMLHttpRequest |
| $.get(url,data,callback,type) | Muat data jarak jauh menggunakan HTTP GET |
| $.post(url,data,callback,type) | Muat data jarak jauh menggunakan HTTP POST |
| $.getJSON(url,data,callback) | Muat data JSON jarak jauh menggunakan HTTP GET |
| $.getScript(url,callback) | Muat dan eksekusi berkas JavaScript jarak jauh |
(url) URL (alamat) data yang diambil
(data) Objek kunci/nilai yang dikirim ke server
(callback) Fungsi yang dieksekusi saat data diambil
(type) Tipe data yang diembalikan data yang diambil (html, xml, json, jasonp, script, text)
(options) Opsi semua nilai kunci untuk permintaan AJAX yang lengkap
Panduan Referensi
Untuk mendapatkan informasi lebih lanjut tentang fungsi jQuery AJAX, kunjungi Panduan Referensi jQuery AJAX.
