jQuery Ajax

jQuery memiliki perpustakaan yang kaya dengan fungsi (metode) untuk pengembangan AJAX .



Apa itu AJAX ?

  • AJAX = Asynchronous JavaScript and XML .
  • AJAX adalah teknik untuk membuat halaman web yang cepat dan dinamis .
  • AJAX memungkinkan halaman web yang akan diperbarui asynchronously dengan bertukar sejumlah kecil data dengan server di belakang layar . Ini berarti bahwa adalah mungkin untuk memperbarui bagian-bagian dari suatu halaman web , tanpa reload seluruh halaman .


AJAX dan jQuery

jQuery menyediakan banyak metode (fungs ) untuk pengembangan web AJAX . Dengan jQuery AJAX , anda dapat meminta data TXT , HTML , XML atau JSON dari server menggunakan kedua HTTP Get dan HTTP Post. Dan anda dapat memuat data remote langsung ke elemen HTML yang dipilih dari halaman web anda.



Write less, Do More

Fungsi AJAX sederhana (tapi powerfull). Lihat sintaks berikut :


$(selector).ajax(url ,data,callback )


Gunakan pemilih untuk menentukan elemen HTML ( s ) untuk mengubah , dan parameter url untuk menentukan alamat web untuk data anda .


Hanya jika Anda ingin mengirim data ke server,  anda perlu menggunakan parameter data. Hanya jika anda perlu untuk memicu fungsi setelah selesai, anda akan menggunakan parameter callback.



AJAX Lower

$.ajax(opsi) adalah sintaks dari fungsi AJAX tingkat rendah .$.ajax menawarkan fungsionalitas lebih dari fungsi tingkat tinggi seperti load, get , dan post , tetapi juga lebih sulit untuk digunakan.



jQuery AJAX request

PermintaanKeterangan 
$(selector).load(url,data,callback)Memuat data remote menjadi elemen-elemen yang dipilih 
$.ajax(options) Memuat data remote menjadi obyek XMLHttpRequest
$.get(url,data,callback,type) Memuat data remote menggunakan HTTP GET
$.post(url,data,callback,type) Memuat data remote menggunakan HTTP POST 
$.getJSON(url,data,callback)Beban JSON terpencil data menggunakan HTTP GET
$.getScript(url,callback) Memuat dan menjalankan file JavaScript jarak jauh

Keterangan

  • (selector) jQuery selector elemen
  • (url) URL (alamat ) dari data yang akan dimuat
  • (data) Key / pasangan nilai data untuk mengirim ke server
  • (callback) Fungsi untuk dieksekusi ketika data dimuat
  • (type) Tipe data yang akan dikembalikan ( html , xml , json , jasonp , naskah , teks )
  • (opstion) Semua pasangan kunci / nilai pilihan untuk permintaan AJAX lengkap


Example

 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda