Blog

Pengenalan Ajax Bagian 1

Ajax adalah singkatan dari Asynchronous Javascript And XML. Merupakan solusi untuk permasalahan pada web tradisional, dimana ketika client mengirim permintaan ke server, harus menunggu respon dari server, baru dapat melanjutkan aktivitas selanjutnya.

Permasalahan muncul ketika terjadi suatu hal pada jaringan atau banyaknya pengunjung yang sedang membuka aplikasi web, sehingga respon dari server sangat lambat, tetapi dengan Ajax hal ini dapat teratasi.

Ajax memungkinkan sebuah halaman web memperbarui data dari server yang ditampilkannya tanpa harus melakukan refresh (reload halaman web secara keseluruhan).

Ajax terdiri dari HTML, Javascript, DHTML, dan DOM yang kemudian digabungkan dengan bahasa pemograman web disisi server seperti PHP dan ASP, sehingga membentuk suatu aplikasi berbasis web yang interaktif.

Ajax adalah sebuah teknik untuk membuat aplikasi web yang lebih baik, lebih cepat dan lebih interaktif. Dengan Ajax, Javascript dapat langsung berkomunikasi dengan server menggunakan objek XMLHttpRequest. Dengan objek ini, javascript dapat melakukan transaksi data dengan server web tanpa harus me-refresh halaman web secara keseluruhan.

Kegunaan Ajax

Berikut ini beberapa contoh manfaat Ajax yang bisa digunakan untuk mempercantik halaman web :

  • Validasi data yang realtime

Sebuah halaman web lazim mengakomidasi masukan dari user. misalnya id user, serial number, kode dan sebagainya. Jika Kita memiliki daftar di server yang bisa dipakai untuk validasi, Kita bisa melakukan validasi langsung di server tanpa harus me-refresh halaman web.

Validasi menggunakan Ajax tanpa refresh halaman web.
  • Autocomplete

Ajax dapat digunakan untuk melakukan autocomplete ketika user sedang mengisi data disebuah form. Karakter yang sedang dituliskan oleh user akan bisa langsung dilengkapi oleh entry yang disarankan. Saya ambil contoh pada web google.com untuk memasukan kata “Indonesia” maka secara automatis dan tanpa mereload halaman web tersebut, web akan memberikan saran kata – kata selanjutnya untuk melengkapi kalimat yang sedang Saya cari.

Ajax Autocomplete.
  • Load on demand

Berdasarkan event tertentu, sebuah halaman HTML dapat mengambil tambahan data di belakang layar (background) sehingga memungkinkan browser menampilkan halaman web secara lebih cepat dan bisa diatur kapan penampilannya.

  • Autosave

Ketika Kita membuat email dan sesuatu ke internet dan Kita kehilangan koneksi ke server, kemungkinan Kita akan menemukan pekerjaan yang sedang kita lakukan di direktori draft. Ini hanya satu contoh. Jika Kita mengembangkan sistem manajemen konten, Kita juga dapat menyediakan fungsionalitas serupa di mana Kita menyimpan pekerjaan pengguna secara berkala untuk menyediakan fungsionalitas pengembalian otomatis.

  • Pagination

Kita hanya dapat melihat Data yang begitu banyak pada suatu waktu. Pagination memungkinkan Kita menampilkan item dalam jumlah terbatas sekaligus dan menyediakan tautan yang memungkinkan pengguna melihat segmen berikutnya. Google Search mencantumkan 10 item per halaman dan memberi Kita tautan ke halaman hasil lainnya. Ajax dapat sangat meningkatkan pengalaman pengguna saat menampilkan konten yang telah di-pagination.

  • Refresh data dan server push

Halaman web bisa mengambil dara dari server tertentu untuk menampilkan informasi terkini, misalnya nilai tukar rupiah, stok, ramalan cuaca dan sebagainya. dengan menggunakan Ajax, halaman web bisa mengambil informasi tertentu untuk ditampilkan di bagian tertentu di halaman web-nya yang memungkinkan pengguna halaman web melihat informasi terkini tanpa harus me-refresh halaman web.

  • Partial Submit

halaman web yang bisa melakukan submit sebagian form terlebih dahulu tanpa meminta halaman web direfresh terlebih dahulu.

  • Mencampur data (mashup)

Halamanweb bisa menampilkan data menggunakan berbagai media seperti proxy server-side ataupun menggunakan skrip eksternal. Dengan demikian Kita bisa menggunakan berbagai data untuk aplikasi yang sedang Kita buat. Misalnya menggabungkan nilai tukar rupiah dengan halaman toko online.

Ajax juga dapat digunakan untuk mengimplementasikan fungsionalitas seperti survei, pemungutan suara online, pemfilteran dan pengurutan data dll.

Share Me :

Leave a Reply

Your email address will not be published. Required fields are marked *

*

code