BlogiVan

Found Solutions & Inspirations With Me

Simulasi AJAX Tiruan

Posted by Ivan pada 16 Maret 2009


Hai rekan-rekan semua, kali ini saya akan berbagi pengetahuan nih tapi tentang dunia pemrograman web. Kali ini saya akan membahas tentang simulasi AJAX tapi ga memakai AJAX. Lho qo??? Aneh ya???
Kita akan buat simulasi seperti saat kita input data. Begitu Klik Tombol Simpan, maka apa yang kita ketik di dalam Input Text akan muncul di bawah suatu area tanpa melakukan refresh page.

Kalau masih penasaran, silahkan mencoba tutorial di bawah ini:


1. Kita buat file php bernama index.php yang kurang lebih scriptnya seperti di bawah ini.

<html>
<body>
<div id=”menu”>
<form action=”proses.php” target=”myiframe”>
<input type=”text” name=”kata”>
<input type=”submit” value=”Simpan”>
</form>
</div>
<div id=”isi”></div>
<iframe name=”myiframe” style=”display:none;”></iframe>

</body></html>

2. Buat file lagi beri nama proses.php yang kurang lebih scriptnya sebagai berikut..

<div id=”data”>
<?php
echo $_GET[‘kata’];
?>
</div>
<script language=”javascript” type=”text/javascript”>
//— Javascript dibawah ini akan memindah isi dari iframe ke dokumen utama.
top.document.getElementById(‘isi’).innerHTML=document.getElementById(‘data’).innerHTML;

</script>

Silahkan dicoba..Apabila ada script di atas yang tidak berjalan sebagaimana mestinya, Silahkan tinggalkan komentar.

Harap dimengerti, ini hanya simulasi saja. Bisa dikembangkan apabila kita mempunya database.

3 Tanggapan to “Simulasi AJAX Tiruan”

  1. Triswan said

    Great tuts,anyway.how to implement this simulation on real environment?

  2. tank’s ya mas infonya,,berharga banget buat saya,,kebetulan muter-muter cari artikelnya baru di blog anda saya dapet..hehee…salam kenal mampir di blog sederhana saya http://ahligiza.blogspot.com ,,kalau boleh tukeran link ya mas,,,terimakasih,,

    • Ivan said

      Sama-sama,salam kenal juga ya. Saya sudah berkunjung dan bagus qo isi dari blognya. Tentang gizi dan kesehatan ya? Good Stuff…

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: