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") |