Menampilkan data submit form menggunakan AJAX

Akhir-akhir ini saya sangat tertarik sekali mempelajari AJAX (asynchronous JavaScript and XML). Padahal teknologi ini sudah luammma sekali, namun baru ingin mencoba sekarang.. gpplah tdk ada kata terlambat dalam belajar :)

AJAX membuat web yang kita develop menjadi semakin interaktif, menarik, usability dan pastinya jadi lebih cepat karena memindahkan sebagian besar interaksi pada komputer web surfer dan melakukan pertukaran data dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang secara keseluruhan setiap kali seorang pengguna melakukan perubahan.

Kali ini saya akan mencoba menampilkan data yang telah disubmit menggunakan AJAX. Pada demo kali ini ditekankan pada display result yang akan ditampilkan setelah dilakukan submit. Untuk validasi saya gunakan trim, untuk validasi menggunakan ajax bisa dilihat pada postingan sebelumnya. Selamat mencoba..

Berikut adalah file-file yang diperlukan dalam dalam sesi ini  : download

~ oleh Dian pada April 20, 2010.

8 Tanggapan to “Menampilkan data submit form menggunakan AJAX”

  1. gan…tukar link yuk…..

  2. gan mana tutrialnyaaa ?????

  3. silahkan download source code nya, InsyaAllah mudah untuk dipahami. Kalau msh belum jelas silahkan ditanyakan di sini..

  4. kalo pake PHP+MySQL gimana scriptnya Gan ? Aku pengin menampilkan data form setelah tekan tombol submit, di halaman lain juga gak papa. Thx

    • lho ini saya juga scriptnya pakai php – mysql cuma disertai dg AJAX, AJAX nya hanya untuk cek data isian form aja dan caramenampilkan di RESULT bawahnya. Kalau anda ingin menampilkan hasilnya di halaman lain pada FORM SUBMIT nya silahkan diarahkan di halaman lain, Semoga dpt membantu., Thanks

  5. Oh ya thanks u/ balasannya. alhamdulillah yang itu dah bisa.
    Tanya lagi nih, kalo bwat verifikasi form gimana ya ?
    Trus aku juga pengin ketika tombol submit diklik langsung ngeprint (autoprint) gimana yah ???

  6. Alhamdulillah..
    untuk verifikasi form silahkan lihat di postingan saya

    Validasi Data Menggunakan AJAX

    untuk autoprint tambahkan onClick="JavaScript:window.print();" pada button printnya

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

WordPress.com Logo

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

Twitter picture

You are commenting using your Twitter account. Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. Log Out / Ubah )

Connecting to %s

 
Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 621 pengikut lainnya.