Menggunakan Elemen Iframe Sebagai AJAX Engine
Tanpa menggunakan object XMLHttpRequest miliknya javascript-pun aplikasi ajax masih memungkinkan untuk dibuat. Dengan apa ? jawabannya dengan menggunakan iframe. Iframe sendiri adalah elemen HTML yang berupa frame dan bisa diletakkan di antara body. Berbeda dengan elemen frame yang hanya bisa ditempatkan diluar body. Elemen iframe malahan menjadi lebih fleksibel, bisa digunakan dalam berbbagai macam tujuan, termasuk iframe sebagai mesin ajax yang akan dibahas.
Teknik ini disebut dengan hidden iframe. Sebenarnya saya sudah pernah membahas tentang hidden iframe sebagai ajax. Saya menuliskan artikel tersebut pada blog saya yang dulu, dan sialnya blog tersebut sudah mati dikarenkan free hosting yang digunakan sentimen pada saya 
. Iframe yang dihidden ini (dengan menggunakan css) digunakan untuk meload halaman web, semua proses request user melalui iframe ini. Setelah data dari server selesai di load oleh iframe, maka isi dari iframe tersebut akan dipindahkan ke halaman utama dengan menggunakan javascript. Caranya bagaimana agar setiap request dilakukan melalui iframe ? sangat mudah (meskipun saya ragu apakah ini memenuhi standar XHTML), misalkan untuk request melalui link
Request melalui link
atribut target akan mengarah kepada iframe, pada kasus diatas, nama dari hidden iframe haruslah “nama-iframe”. Dengan mengeset atribut target mengarah kepada iframe, maka data-data dari server akan dimasukkan ke dalam iframe, tidak di halaman utama. Sehingga halaman utama tidak berubah, hanya iframenya saja yang berubah. Berikut iframe yang digunakan.
Sedang jika akan mengirimkan data (melalui form), bisa menggunakan kode berikut
Atribut target tetap mengarah ke iframe, setelah data berhasil diload oleh iframe, maka akan dipindah ke halaman utama.
Berikut contoh aplikasi ajax dengan menggunakan iframe. Aplikasi ini terdiri dari 2 file, index.php dan prc.php. Untuk sementara ini, hanya request melalui link yang akan dibahas. Request/pengiriman data menggunakan form akan dibahas kemudian.
File index.php
Pada dokuemen utama terdapat element
elemen ini digunakan untuk menampung data-data hasil dari proses yang dilakukan iframe, anda bisa menempatkan elemen tersebut dimanapun sesuai kebutuhan anda, yang perlu diperhatikan adalah atribut id dari elemen tersebut harus sama dengan
top.document.getElementById(’id yang harus sama’).innerHTML
Pihak Terkait
Filed under: Ajax, Belajar web, Teknologi, Tutorial
Jual Cincin PerakCincin yang sangat indah ini cocok untuk dipakai oleh pasangan suami istri atau pasangan yang baru tunangan
Harga Rp350.000
Beli Sekarang.
[...] Menggunakan Elemen Iframe Sebagai AJAX Engine [...]
[...] Menggunakan Elemen Iframe Sebagai AJAX Engine (1) [...]
[...] Menggunakan Elemen Iframe Sebagai AJAX Engine (1) [...]
setelah saya coba dan di implementasikan
ternyata iframe cukup powerfull juga
walaupun mungkin AJAX yg asli lebih hebat.
dan sekarang sedang saya pake di FAQ system buatan saya.
thanks atas tutornya
[Reply]
saya dah coba dan berhasil sukses…..tapi klo javascript nya didisable dia gak bisa jalan…hehehexx, gmana caranya supaya gak tergantung dengan javascript..
[Reply]
Bimo Hery Prabowo Reply:
November 13th, 2008 at 1:55 am
kayaknya ga bisa deh.. itu kan pake javascript, masak mesin javascriptnya dimatikan…
[Reply]
kalo tanpa object XMLHttpRequest namanya bukan ajax lagi dong
tapi trik ini bagus juga untuk alternatif kalo lagi males pake ajax hehehe
[Reply]