just code it!

Ajax ve jquery teknolojilerinin nimetlerinden elimden geldiğince projelerimde kullanmaya çalışıyorum.  Özellikle yönetim kısımlarını daha efektif hale getirmek, kullanıcıları bekletmemek ve daha hızlı işlemler gerçekleştirmek için bu tür uygulamalar gerçekten çok yararlı.

Gene kendi projelerimde kullanmış olduğum click-and-update yani tıkla, form gelsin ve düzenle işlemlerini bir ağabeyimin yoğun baskıları sonucunda dayanamadım ve biraz daha erkene alarak bir makale hazırladım.(Ahmet abi sözüm sana )

İlk olarak gene sql yapısını vermekle işe başlıyorum.

CREATE TABLE IF NOT EXISTS `kullanici` (
`id` int(11) NOT NULL auto_increment,
`adi` varchar(255) character set utf8 NOT NULL,
`soyadi` varchar(255) character set utf8 NOT NULL,
`durum` varchar(2) character set utf8 NOT NULL default '1',
PRIMARY KEY  (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

INSERT INTO `kullanici` (`id`, `adi`, `soyadi`, `durum`) VALUES
(1, 'onur', 'değerli', '1'),
(2, 'uzaylı', 'zekiye', '0');

Peki senaryomuz nasıl olacak? İlk önce bunu çözümlemekte fayda var:

1. kullanici isimli tablodan datalarımızı listeleyeceğiz.
2. Düzenle isimli linkin onclick event'ına alan_yukle(id) isimli js fonksiyonu yazacağız. Bu fonksiyona o sıradaki datanın id'sini yolluyoruz. Bu id 3 olsun.
3. Bu fonksiyon içerisinde ajax.duzenleme_alan_yukle.php dosyasına ajax çağrısında bulunuyoruz. Bu dosya 3 numaralı id'ye sahip dataları form elemanları içine koyuyor ve bulunduğu html kısmına append ediyoruz.
4. Düzenle buttonumuzun onclick event'ına alan_duzenle(3) isimli js fonksiyonunu yazıyoruz.
5. Bu butona tıklandığında 3 numaralı id ve bu id'nin datalarını çekiyoruz ve ajax.duzenle.php dosyasına ajax isteğinde bulunuyoruz.
6. Bu dosya gelen id'ye göre dataları database'de update ediyor ve gene o id'ye sahip html yi oluşturarak dosyadaki ilgili yerne append ediyoruz.

Uygulamanın demosunu ve dosyalarını buradan erişebileceğiniz için ayrıca kodları açıklamaya gerek duymadım.

Demoya buradan, dosyalarına ise buradan ulaşabilirsiniz.

İyi çalışmalar..