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.