tutorial pengembangan web terbaru
 

XMLHttpRequest Object


Dengan XMLHttpRequest yang keberatan Anda dapat memperbarui bagian dari halaman web, tanpa reload seluruh halaman.


Coba Sendiri - Contoh

Sebuah contoh XMLHttpRequest sederhana
Buat XMLHttpRequest sederhana, dan mengambil data dari file TXT.

Mengambil informasi header dengan getAllResponseHeaders()
Mengambil informasi header dari sumber daya (file) .

Mengambil informasi header khusus dengan getResponseHeader()
Mengambil informasi header tertentu dari sumber daya (file) .

Mengambil konten dari file ASP
Bagaimana sebuah halaman web dapat berkomunikasi dengan server web sementara tipe user karakter dalam sebuah field input.

Mengambil konten dari database
Bagaimana sebuah halaman web dapat mengambil informasi dari database dengan objek XMLHttpRequest.

Mengambil konten dari file XML
Buat XMLHttpRequest untuk mengambil data dari file XML dan menampilkan data dalam tabel HTML.


XMLHttpRequest Object

Objek XMLHttpRequest digunakan untuk pertukaran data dengan server di belakang layar.

Objek XMLHttpRequest adalah the developers dream , karena Anda dapat:

  • Memperbarui halaman web tanpa reload halaman
  • Permintaan data dari server setelah halaman telah dimuat
  • Menerima data dari server setelah halaman telah dimuat
  • Mengirim data ke server di latar belakang

Metode Object XMLHttpRequest

metode Deskripsi
abort() Membatalkan permintaan saat ini
getAllResponseHeaders() Pengembalian informasi header
getResponseHeader() Mengembalikan informasi header tertentu
open(method,url,async,uname,pswd) Menentukan jenis permintaan, URL, jika permintaan harus ditangani asynchronously atau tidak, dan atribut opsional lainnya dari permintaan

Metode: jenis permintaan: GET atau POST
url: lokasi file pada server
async: true (asynchronous) atau salah (synchronous)
send(string) kirim (string) Mengirim permintaan ke server tersebut.

String: Hanya digunakan untuk permintaan POST
setRequestHeader() Menambahkan sepasang label / nilai header untuk dikirim

XMLHttpRequest Object Properti

Milik Deskripsi
onreadystatechange Toko fungsi (or the name of a function) untuk dipanggil secara otomatis setiap kali perubahan properti readyState
readyState Menyandang status XMLHttpRequest tersebut. Perubahan dari 0 sampai 4:
0: permintaan yang tidak diinisialisasi
1: koneksi server didirikan
2: Permintaan diterima
3: memproses permintaan
4: meminta selesai dan respon siap
responseText Mengembalikan data respon sebagai string
responseXML Mengembalikan data respon sebagai data XML
status Mengembalikan status-nomor (misalnya "404" untuk "Not Found" atau "200" untuk "OK")
statusText Mengembalikan status-teks (misalnya "Not Found" atau "OK")