Fungsi jQuery AJAX
jQuery memiliki pembolehubah yang kaya untuk pengembangan AJAX.
Contoh jQuery AJAX
Klik butang di bawah ini untuk mengubah teks ini melalui AJAX
Contoh di atas diambil dari Panduan AJAX, tetapi telah diubah menggunakan jQuery.
Apakah AJAX?
AJAX = Asynchronous JavaScript and XML.
AJAX adalah teknologi untuk membuat halaman web yang cepat dan dinamik.
AJAX memungkinkan halaman web untuk diubah secara asinkron dengan cara menghantarkan sedikit data ke pelayan di belakang tabir.
Anda boleh dalam Panduan AJAX belajar lebih banyak tentang AJAX.
AJAX dan jQuery
jQuery menyediakan pembolehubah (himpunan fungsi) yang kaya untuk pengembangan AJAX.
Dengan jQuery AJAX, anda boleh menggunakan HTTP Get dan HTTP Post untuk meminta TXT, HTML, XML atau JSON daripada pelayan jauh.
dan Anda dapat langsung memuat data jarak jauh ke elemen HTML yang dipilih di halaman web!
Tulis lebih sedikit, lakukan 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 Parameteruntuk menentukan alamat web data.
Hanya saat Anda ingin mengirim data ke server, Anda harus menggunakan data Parameter. Hanya saat Anda perlu memicu fungsi setelah pengeksekusian, Anda harus menggunakan callback Parameter.
Low Level AJAX
$.ajax(options) adalah sintaks untuk fungsi AJAX tingkat rendah.
$.ajax menyediakan lebih banyak fungsi daripada fungsi tingkat tinggi, tetapi juga lebih sulit digunakan.
option Pengaturan parameter adalah pasangan name|value, yang mendefinisikan data URL, sandi, jenis data, pengecualian, charset, batas waktu dan fungsi kesalahan.
Permintaan jQuery AJAX
| 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 diunggah
(data) objek key/value untuk data yang dikirim ke server
(callback) fungsi yang dieksekusi saat data diunggah
(type) jenis data yang diembalikan (html,xml,json,jasonp,script,text)
(options) pilihan seluruh pilihan untuk permintaan AJAX yang lengkap
Panduan Rujukan
Untuk mendapatkan informasi lebih lanjut tentang fungsi jQuery AJAX, silakan kunjungi Panduan Referensi jQuery AJAX。
