AJAX tidak diragukan lagi merupakan salah satu teknologi pengembangan web terpanas di tahun 2005. Tentu saja penghargaan ini tidak lepas dari Google. Saya hanyalah seorang pengembang biasa dan saya tidak terlalu banyak menggunakan AJAX. Saya hanya akan berbagi pengalaman saya dalam menggunakannya. (Artikel ini mengasumsikan bahwa pengguna sudah memiliki kemampuan dasar pengembangan Web seperti JavaScript, HTML, dan CSS)
[Pengantar AJAX]
Ajax adalah metode pengembangan aplikasi Web yang menggunakan skrip sisi klien untuk bertukar data dengan server Web. Halaman web dapat diperbarui secara dinamis tanpa mengganggu proses interaksi dan mengeditnya kembali. Dengan menggunakan Ajax, pengguna dapat membuat antarmuka pengguna Web yang langsung, sangat tersedia, lebih kaya, dan lebih dinamis yang mirip dengan aplikasi desktop asli.
Asynchronous JavaScript and XML (AJAX) bukanlah teknologi baru, namun menggunakan beberapa teknologi yang sudah ada - termasuk Cascading Style Sheets (CSS), JavaScript, XHTML, XML dan Extensible Style Language Transformations (XSLT) untuk mengembangkan tampilan dan tindakan perangkat lunak aplikasi Web yang mirip dengan perangkat lunak desktop.
[Prinsip eksekusi AJAX]
Interaksi Ajax dimulai dengan objek JavaScript yang disebut XMLHttpRequest. Seperti namanya, ini memungkinkan skrip sisi klien untuk melakukan permintaan HTTP dan akan menguraikan respons server berformat XML. Langkah pertama dalam pemrosesan Ajax adalah membuat instance XMLHttpRequest. Gunakan metode HTTP (GET atau POST) untuk menangani permintaan dan mengatur URL target ke objek XMLHttpRequest.
Saat Anda mengirim permintaan HTTP, Anda tidak ingin browser terhenti dan menunggu respons dari server. Sebaliknya, Anda ingin terus merespons interaksi antarmuka pengguna melalui halaman dan memproses respons server setelah respons tersebut benar-benar tiba. Untuk mencapai hal ini, Anda dapat mendaftarkan fungsi panggilan balik dengan XMLHttpRequest dan mengirimkan permintaan XMLHttpRequest secara asinkron. Kontrol segera dikembalikan ke browser, dan ketika respons server tiba, fungsi panggilan balik akan dipanggil.
[Aplikasi Praktis AJAX]
1. Menginisialisasi Ajax
Ajax sebenarnya memanggil objek XMLHttpRequest, jadi pertama-tama kita harus memanggil objek ini. Kita membangun fungsi untuk menginisialisasi Ajax:
/**
* Inisialisasi objek xmlhttp
*/
fungsiInitAjax()
{
var ajax=salah;
mencoba {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} tangkapan (e) {
mencoba {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} tangkapan (E) {
ajax = salah;
}
}
jika (!ajax