Minggu, 30 September 2012

AJAX Tutorial

AJAX Tutorial

AJAX = Asynchronous JavaScript dan XML.

AJAX bukanlah bahasa pemrograman baru, tetapi sebuah cara baru untuk menggunakan standar yang ada.

AJAX adalah seni bertukar data dengan server, dan memperbarui bagian-bagian dari suatu halaman web - tanpa reload seluruh halaman.

AJAX Pendahuluan

AJAX adalah tentang memperbarui bagian-bagian dari suatu halaman web, tanpa reload seluruh halaman.

Apa yang Anda Sudah Harus Ketahui

Sebelum melanjutkan, anda harus memiliki pemahaman dasar sebagai berikut:

     * HTML / XHTML
     * CSS
     * JavaScript / DOM


Apa AJAX?

AJAX = Asynchronous JavaScript dan 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.

Halaman web klasik, (yang tidak menggunakan AJAX) harus reload seluruh halaman jika konten harus berubah.

Contoh aplikasi yang menggunakan AJAX: Google Maps, Gmail, Youtube, dan tab Facebook.

Bagaimana AJAX Bekerja



AJAX Berdasarkan Standar Internet

AJAX didasarkan pada standar internet, dan menggunakan kombinasi:

     * XMLHttpRequest object (untuk pertukaran data asynchronous dengan server)
     * JavaScript / DOM (untuk menampilkan / berinteraksi dengan informasi)
     * CSS (style data)
     * XML (sering digunakan sebagai format untuk mentransfer data)

AJAX aplikasi browser dan platform-independent!
Google Suggest

AJAX dibuat populer pada tahun 2005 oleh Google, dengan Google Suggest.

Google Suggest menggunakan AJAX untuk membuat antarmuka web yang sangat dinamis: Ketika Anda mulai mengetik di kotak pencarian Google, sebuah JavaScript mengirimkan ke server dan server mengembalikan sebuah daftar saran.
Mulai Menggunakan AJAX Hari

AJAX didasarkan pada standar yang ada. Standar-standar ini telah digunakan oleh pengembang selama beberapa tahun. Baca bab berikutnya untuk melihat cara kerjanya!

2 komentar: