Selamat datang para codinger di blog Dewa Coding 21 :)
Untuk topik kali ini kita akan membahas tentang apa itu Ajax? atau sekilas tentang Ajax? Meskipun sudah bukan merupakan topik baru lagi, namun Ajax masih sering diperbincangkan. Pada kenyataannya, Ajax memang mampu menyelesaikan sejumlah persoalan, terutama berkaitan dengan pemrosesan round-trip.
Ajax (Asynchronous Javascript And XML) merupakan suatu teknik pengembangan web yang digunakan untuk menghasilkan aplikasi web interaktif. Teknologi Ajax ini dimaksudkan untuk meningkatkan interaktivitas, kecepatan, fungsionalitas, dan kegunaan aplikasi WEB.
Secara garis besar, ada empat komponen pembentuk Ajax, yaitu:
- Presentasi berbasis browser
- Data umumnya dalam bentuk XML yang diambil dari server
- Pemrosesan data dibalik layar menggunakan objek
XMLHttpRequest - Javascript
Secara umum, cara kerja Ajax dapat digambarkan sebagai berikut:
- Kode yang ditulis dalam Javascript melakukan request
- Javascript menggunakan objek
XMLHttpRequestuntuk mengirim request ke server. Tahap ini dilakukan di belakang layar sehingga tidak mengakibatkan refreshing atau reloading halaman
- Data yang dikembalikan oleh server akan dibaca Javascript dan diproses lebih lanjut.
Mengacu pada komponen-komponen pembentukkannya, kebutuhan yang diperlukan untuk mengimplementasikan Ajax adalah browser yang mendukung Javascript. Contoh berikut memperlihatkan langkah-langkah yang kita lakukan.
<script type="text/javascript">
function createXmlHttpRequest() {
//untuk menyimpan reference ke objek XMLHttpRequest
var xmlHttp = false;
//Jika menggunakan Internet Explorer
if(window.ActiveXObject) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
xmlHttp = false;
}
//Untuk browser lain
} else {
try {
xmlHttp = new XMLHttpRequest();
} catch (e) {
xmlHttp = false;
}
}
//Kembalikan hasil atau tampilkan pesan
if(!xmlHttp) {
alert('gagal menciptakan objek XMLHttpRequest');
} else {
return xmlHttp;
}
}
//Menciptakan objek XMLHttpRequest
var xmlHttp = createXmlHttpRequest();
if(xmlHttp) {
alert("Objek berhasil diciptakan");
}
</script>
Terima kasih telah mengunjungi blog kami, jangan lupa berkomentar :)
Apa itu Ajax? atau Sekilas tentang Ajax?
4/
5
Oleh
Unknown
