Blog
Anasayfa Javascript Jquery ile Veritaban...
Jquery ile Veritabanından Sayfa Yenilenmeden Veri Çekme
Aykut Erdoğan Tarafından Yazıldı!
27655 Okunma
Javascript
Merhaba arkadaşlar. Bu makalemizde veritabanından sayfamıza çektiğimiz kayıtları yeni kayıt eklendiğinde, silindiğinde ve güncellendiğinde sayfa yenilenmeden otomatik olarak web sayfamızda göstereceğiz. Örnek olarak Facebook ve Twitter'ı verebiliriz. Bu işlemi php ve jquery yardımı ile yapacağız. Şimdi kodlarımıza geçelim.
index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Jquery Veri Çekme</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("#divimiz").load("veriler.php");
});
setInterval(function() {$("#divimiz").load('veriler.php');}, 1000);
</script>
</head>
<body>
<div id="divimiz"></div>
</body>
</html>
Öncelikle index sayfamızı oluşturduk. Jquery kütüphanemizi sayfamıza çektik. Sonrasında sayfa yüklendiğinde işleme alınacak fonksiyonumuzu yazdık. Birazdan oluşturacağımız veriler.php sayfamızı divimiz id'li dive atadık. Setinternal yardımıyla saniyede bir veriler.php sayfamızı divimiz id isimli dive yükledik. Böylelikle verilerde değişiklik yapıldığında veya yeni kayıt eklendiğinde anlık olarak sayfamızda görebileceğiz. 1000 ibaresi yerine 5000 yazarsak her 5 saniyede bu yükleme işlemini yapar. Ardından body etiketlerimiz arasına divimizi yazdık. Şimdi veriler.php sayfamıza geçelim.
veriler.php
include ("baglanti.php");
$ceksql = mysql_query("SELECT * FROM kayitlar order by no desc");
echo '
<table border="0" cellpadding="5" cellspacing="2" width="500">
<tr style="background-color:#ff0000; font-family:Tahoma; color:#ffffff;"><td>Sıra</td><td>Adı</td><td>Soyadı</td><td>Telefon Numarası</td></tr>
';
while($cek = mysql_fetch_array($ceksql))
{
$ad = $cek['ad'];
$soyad = $cek['soyad'];
$tel = $cek['tel'];
$i++;
echo '
<tr><td>'.$i.'</td><td>'.$ad.'</td><td>'.$soyad.'</td><td>'.$tel.'</td></tr>
';
}
echo '</table>';
Bu sayfamızda öncelikle baglanti.php'yi sayfamıza dahil ettik. Bu sayfa veritabanı bağlantımızı sağlayacak. Sql kodumuzu yazıp değişkene aktarıyoruz. Sonrasında while döngüsü ve mysql_fetch_array ile çekip değişkenlere aktardık. Bu değişkenleri de sql kodumuzdan sonra oluşturduğumuz tablo içerisinde yazdırdık. Satır numarası vermek adına döngümüzün içerisinde i değişkenimizi artırıp tablo içerisinde ekrana yazdırdık. Şimdi baglanti.php sayfamıza geçelim.
baglanti.php
$mysql_host="localhost";
$mysql_kullaniciadi="root";
$mysql_sifre="root";
$mysql_vtadi="ajax";
$baglan= @mysql_connect($mysql_host,$mysql_kullaniciadi,$mysql_sifre);
if(! $baglan) die ("Mysql Baglantısında Hata Oluştu!");
mysql_select_db($mysql_vtadi,$baglan) or die ("Veritabanına Bağlanırken Hata Oluştu!");
mysql_query("SET NAMES UTF8");
Veritabanı ile bağlantımızı sağladık. Birde bir veritabanı oluşturmamız gerekiyor. Aşağıda sql kodlarıyla veritabanını oluşturabilirsiniz. Sonraki makalelerde görüşmek dileğiyle...
CREATE TABLE `kayitlar` (
`no` int(11) NOT NULL auto_increment,
`ad` varchar(50) NOT NULL,
`soyad` varchar(50) NOT NULL,
`tel` varchar(11) NOT NULL,
PRIMARY KEY (`no`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=36 ;
yaklaşık 4 yıl önce
jquery, php ,javascript, sql, mysql, kayıt, inser...
Yorumlar
13 Yorum
 
Sakin Bir Ziyaretçi Yazdı!
yaklaşık 3 yıl önce
id'ye göre nasıl veri çekebiliriz? setInterval(function() {$("#divimiz").load('veriler.php?id=4');}, 1000);
 
Aykut Erdoğan Yazdı!
yaklaşık 3 yıl önce
Yazdığın şeye ilaveten veriler.php sayfasında id'yi get ile alman gerekir ve veritabanından sorgulamayı where'i ekleyerek yapman gerekiyor. WHERE id='$id' gibi.
 
Şükrü Yılmaz Yazdı!
yaklaşık 3 yıl önce
Merhaba ben veritabanındaki ürünleri ürün seç kısmında select option ile listeleyip seçilen ürünün veritabanındaki açıklamasını sayfa yenilenmeden açıklama textareasına çekmek isti
 
Aykut Erdoğan Yazdı!
yaklaşık 3 yıl önce
Merhabalar, Öncelikle formunuzu oluşturun. Bunu veriler.php sayfasındaki tablo yerine oluşturacaksınız. Option etiketleri arasına ve value değerine veritabanından çekilen ilgili değeri yazacaksınız. Aynı şekilde texarea etiketleri i&ccedi
 
Şükrü Yılmaz Yazdı!
yaklaşık 3 yıl önce
Ben fazla jquery den anlamıyorum sitenizde gezdim ama bunla ilgili örnekler bulamadım.
 
Şükrü Yılmaz Yazdı!
yaklaşık 3 yıl önce
Dosyaları buradan indirip. http://s8.dosya.tc/server/rrfszp/teklif.rar.html Panelde Teklif Oluştur sayfasında Ürün seçildikten sonra ürün adının ve özelliklerinin veritabanından gelmesini istiyorum
 
cenk Yazdı!
yaklaşık 2 yıl önce
merhaba bu cektigimiz sayfaya css ve js eklemeden index sayfasindaki css yi kullanamiyor muyuz?
 
Aykut Erdoğan Yazdı!
yaklaşık 2 yıl önce
Merhabalar, Burada zaten css kodlarını css dosyasından çekmedik. Style etiketleri içerisinde belirttik. Ayrıca index sayfamıza dahil ettiğimiz js sayfası olmadan yine index sayfamızda yer alan javascript kodları çalışmaz.
 
cenk Yazdı!
yaklaşık 2 yıl önce
ilgilendigin icin tesekkur ederim ;) anladigim kadariyla index sayfamizdaki style tagi ile belirttigimiz bicimlendirmeler div icerisine cektigimiz sayfaya etki etmiyor.
 
mert Yazdı!
yaklaşık 2 yıl önce
abi muhteşemsin tam istediğim kodlar
 
Onur Ulusoy Yazdı!
yaklaşık 1 yıl önce
hocam merhaba ajaxdan veri cektirecegim bana ulasırmısınız 0543 390 05 40 ücretli bir şekilde veri cektirme işlemi yaptiracagim.
 
Aykut Erdoğan Yazdı!
yaklaşık 1 yıl önce
İletişime geçeceğim.
 
Ümit Akdeniz Yazdı!
yaklaşık 5 ay önce
Çok teşşekür ederim
 
Yorum Yap
Makalelerden Haberdar Ol
Sponsorlu Bağlantılar
Çok Okunanlar
Jquery ile Veritabanında...
 27655 Okunma
Php ve Ajax ile Sayfa Yen...
 13517 Okunma
Php ve Xml ile Dinamik Si...
 9969 Okunma
Javascript ile Saat Yapı...
 8672 Okunma
Pdo ile Mysql'den Ve...
 7775 Okunma
Son Yorumlar
Metin Ersal
Teşekkürler...
Ümit Akdeniz
Çok teşşekür ede...
Ahmet K.
Sözlüğün &cced...
Zekeriya Yavuz
Tesekkurler gayet başarılı ...
Aykut Erdoğan
Mail adresinize gönderild...
TAKİPTE KALIN!
Mesaj Gönder
Tasarım - Kodlama : Aykut Erdoğan
 
Makale Önizleme
Jquery ile Veritabanından Sayfa Yenilenmeden Veri...
Merhaba arkadaşlar. Bu makalemizde veritabanından sayfamıza çektiğimiz kayıtları yeni kayıt eklendiğinde, silindiğinde ve güncellendiğinde sayfa yenilenmeden otomatik olarak web sayfamızda göstereceğiz. Örnek olarak Facebook ve Twitter'ı verebiliriz. Bu işlemi php ve jquery yardımı ile yapacağız. Şimdi kodlarımıza geçelim. index.php<!DOCTY...
yaklaşık 4 yıl önce | Javascript
Devamı
Makale Önizleme
Php ve Ajax ile Sayfa Yenilenmeden Veritabanına K...
Merhabalar, bu makalemizde ajax ile veritabanına kayıt işlemini anlatacağım. Öncelikle html kodlarla başlayacağız. Sonrasında javascript ve php kodlarımıza geçeceğiz. Şimdi index.php sayfası html kodlarımıza geçelim. <html> <head> <meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" /> <title> Ajax Kay...
yaklaşık 5 yıl önce | Javascript
Devamı
Makale Önizleme
Php ve Xml ile Dinamik Site Haritası Oluşturma
Merhaba arkadaşlar. Bu makalemizde sitemizin sayfalarını arama motorlarına sunan sitemap sayfamızı yapacağız. Alışılmışın aksine bu sayfamızı dinamik olarak yani içerik girildikçe kendi kendini güncelleyecek şekilde yapacağız. Öncelikle mantığını anlatayım. Sadece xml ile bunu yapmamız mümkün olmadığından php'den yardım alacağız...
yaklaşık 5 yıl önce | Php
Devamı
Makale Önizleme
Javascript ile Saat Yapımı
Merhaba arkadaşlar. Bu makalemizde javascript yardımıyla saat yapacağız. Mantığını anlatalım öncelikle. O anki saati, dakikayı ve saniyeyi javascript yardımı ile alıyoruz ve bir nesneye atıyoruz. Bu kadar basit. Şimdi kodlarımıza geçelim. <html> <head> <title>Saat</title> <style type="text/css"> #div { f...
yaklaşık 5 yıl önce | Javascript
Devamı
Makale Önizleme
Pdo ile Mysql'den Veri Çekme ve Listel...
Merhaba arkadaşlar. Bu makalemizde pdo ile mysql veritabanımızdan veri çekip listeleyeceğiz. Tekli veri çekmeyi ve çoklu veri çekmeyi anlatacağım. Öncelikle bağlantı kodlarımızı yazacağız. baglanti.phptry{ $db = new PDO('mysql:host=localhost;dbname=pdokayit','root','root'); $db->exec('SET CHARACTER SET utf8...
yaklaşık 3 yıl önce | Php
Devamı
Makale Önizleme
Css Resim Efektleri
Merhaba arkadaşlar. Bu makalemizde css filtre efektlerinden bahsedeceğim. Aynı zamanda örneklerle göstereceğim. Filtre efektleri photoshop ve benzeri programlarla yapabildiğimiz efektleri bir kaç satır kod ile yapabilmemizi sağlıyor. Üstteki görselde görüldüğü üzere toplamda 9 adet efektimiz bulunmaktadır. Aşağıda yapacağımız &oum...
yaklaşık 2 yıl önce | 1 Yorum
Devamı
Makale Önizleme
Jquery ile Veritabanından Sayfa Yenilenmeden Veri...
Merhaba arkadaşlar. Bu makalemizde veritabanından sayfamıza çektiğimiz kayıtları yeni kayıt eklendiğinde, silindiğinde ve güncellendiğinde sayfa yenilenmeden otomatik olarak web sayfamızda göstereceğiz. Örnek olarak Facebook ve Twitter'ı verebiliriz. Bu işlemi php ve jquery yardımı ile yapacağız. Şimdi kodlarımıza geçelim. index.php<!DOCTY...
yaklaşık 4 yıl önce | 13 Yorum
Devamı
Makale Önizleme
Php Sözlük Uygulaması
Merhaba arkadaşlar. Bu dersimizde tr-ing | ing-tr sözlük yapacağız. Öncelikle mantığını anlatmak istiyorum. Forma girilen kelimeyi ve radio butonlar vasıtasıyla seçilen dili cevir.php sayfamıza gönderiyoruz. Burada öncelikle bağlantı kodlarımızı yazıyoruz ardından POST ile aldığımız değerler ile veritabanında sorgulama yapıyoruz ve girilen ke...
yaklaşık 6 yıl önce | 44 Yorum
Devamı
Makale Önizleme
Php ve Ajax ile Sayfa Yenilenmeden Veritabanına K...
Merhabalar, bu makalemizde ajax ile veritabanına kayıt işlemini anlatacağım. Öncelikle html kodlarla başlayacağız. Sonrasında javascript ve php kodlarımıza geçeceğiz. Şimdi index.php sayfası html kodlarımıza geçelim. <html> <head> <meta http-equiv="Content-Type" content="text/HTML; charset=utf-8" /> <title> Ajax Kay...
yaklaşık 5 yıl önce | 6 Yorum
Devamı
Makale Önizleme
Php Sözlük Uygulaması
Merhaba arkadaşlar. Bu dersimizde tr-ing | ing-tr sözlük yapacağız. Öncelikle mantığını anlatmak istiyorum. Forma girilen kelimeyi ve radio butonlar vasıtasıyla seçilen dili cevir.php sayfamıza gönderiyoruz. Burada öncelikle bağlantı kodlarımızı yazıyoruz ardından POST ile aldığımız değerler ile veritabanında sorgulama yapıyoruz ve girilen ke...
yaklaşık 6 yıl önce | 44 Yorum
Devamı
KISIM SEÇ
 
8 Kategori
75 Makale
89 Yorum
 
 
7 Albüm
29 Tasarım
 
 
7 Proje
Bu Makaleyi Okudunuz mu?
 
  Jquery ile Keypad-Numpad Yapımı