Paket web dilengkapi desain Berkualitas harga murah, konsultasi pembuatan web Gratis  

            Hanya  di Pasti-online.com

Home Company Profile Personal Profile Toko Online Web Sekolah Customize
Shoutbox Sederhana Berbasis Ajax

Ini adalah contoh cara mengimplementasikan tutorial Form Ajax Menggunakan jQuery untuk membuat sebuah shoutbox sederhana. Setidaknya contoh ini bisa lebih berguna daripada hanya sekedar menampilkan data yang barusan disubmit, seperti pada contoh tutorial tersebut. Data yang disubmit dari form akan dimasukkan ke dalam database MySQL. Untuk itu perlu dibuat database dan tabelnya. Cukup 1 buah tabel saja supaya simple. Rancangan tabelnya seperti ini:

1 cREATE TABLE `shoutbox` (
2 id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT,
3 name` varchar(47) NOT NULL,
4 `url` varchar(151) NOT NULL,
5 `message` varchar(254) NOT NULL,
6 `tanggal` datetime NOT NULL,
7 `ip` varchar(31) NOT NULL,
8 PRIMARY KEY (`id`)
9 ENGINE=MyISAM;

Proses pada form shoutbox ini sama seperti tutorial form sebelumnya, hanya saja di sini ada penambahan query INSERT ke database, dan setelah data berhasil disimpan ada query SELECT untuk menampilkan data.

Demo shoutbox ini bisa anda lihat di sini.

Anda bisa mendownload source code lengkapnya di sini

 

 

 
  
© 2010 web Desain Pasti-Online.com
pasti-online Web Desain Murah, Lengkap & Berkualitas.