Php ile yaptığımız bazı basit işlemleri, ajax teknikleri kullanarak sistemimizi çok daha hızlı çalışmasını sağlamak istiyoruz. Ancak internette bulduğumuz ajax uygulamaları bize koskoca kütüphaneler olarak sunuluyor. Basit bir kaç işlem için bu kadar detaya girmek istemiyorum diyorsanız size uygulaması ve kullanması çok kolay bir ajax örneğinden bahsedeceğim.
Öncelikle javascript dosyalarımızı saklayacağımız bir ajax.js dosyası, bir ajax.php dosyası ve birde uygulamamızı çalıştıracağımız ana index şablonuna ihtiyacımız var. Yapacağımız uygulamanın basit olarak sadece veri güncelleyecegini düşünelim.
Dosya örneklerimiz ise aşağdaki gibi; oldukça basit bir uygulama yapıyoruz. Numarasını yazdıgınız bir değerin sonucunu veri tabanından sorgulayarak ekrana yazdıracağız, bu işlemi yaparken sorgulama metodu olarak onChange kullanıyoruz.
index.php
<html>
<head>
<script type=”text/javascript” src=”ajax.js></script>
</head>
<body>
<input type=”input” name=”numara” id=”numara” onChange=”Guncelle();”>
<div id=”alan”></div>
</body>
</html>
ajax.js
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject(”Microsoft.XMLHTTP”); }
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
var queryString;function Guncelle() {
createXMLHttpRequest();
xmlHttp.onreadystatechange = siparisSonuc;
xmlHttp.open(”GET”, “ajax.php?numara=”+document.getElementById(’numara’).value, true);
xmlHttp.send(null);
}function Sonuc() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
document.getElementById(”alan”).innerHTML = xmlHttp.responseText;
}
}
}
ajax.php
<?php
$numara=$_GET['numara'];$sorgu=mysql_query(”SELET sonuc FROM veri_tabani WHERE id=’$numara’);
$sonuc=mysql_fetch_array($sorgu);echo $sonuc[deger];
?>
Uygulama üzerinde değişiklikler yaparak sistemi kendinize uyarlayabilirsiniz.
8 Responses to php ajax kodları nasıl çalışır örnek uygulama
Ahmet
Nisan 26th, 2009 at 15:13
hocam veritabanına bağlantıyı nerede sağlıyor_?Ben göremedim de
admin
Mayıs 9th, 2009 at 22:48
php dosyalarınızın hepsine bağlantı stringinizi include etmeniz gerekiyor.
Enver
Mayıs 29th, 2009 at 10:01
Bence bilmeyenler için MYSQL bağlantı bilgilerinide cok kısa olarak buraya eklersen bence daha faydalı bir makale olur.
bahruz
Mayıs 30th, 2009 at 09:55
Selam bu ornek calismiyor ajax.js error
dogus
Temmuz 12th, 2009 at 15:00
verdigin örnekleri insanlarında çalıstırabilmesi gerekir…
admin
Temmuz 22nd, 2009 at 22:32
örneği kopyalarken tırnak işaretlerini kontrol ediniz. Genellikle sorun bundan kaynaklanır. Ayrıca yazım standartlarınıda bilmeniz gerekir sonuçta ihtiyacınıza göre düzenlenmesi söz konusu
Ömer
Eylül 4th, 2009 at 04:30
Bence baştan sağma bi makale olmuş, yani “verdik demek” için verilmiş bi örnek.
Çalıştırabilen arkadaş varsa, uardımcı olursa sevinirim…
asi
Ekim 7th, 2009 at 22:53
var xmlHttp;
function createXMLHttpRequest() {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject(”Microsoft.XMLHTTP”); }
else if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
}
}
var queryString;
function Guncelle() {
createXMLHttpRequest();
xmlHttp.onreadystatechange = Sonuc;
xmlHttp.open(”GET”, “ajax.php?numara=”+document.getElementById(’numara’).value, true);
xmlHttp.send(null);
}
function Sonuc() {
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) {
document.getElementById(”alan”).innerHTML = xmlHttp.responseText;
}
}
}
ajax.js sorun sadecebu Sonuc fonksiyonu