Ajax İle Verileri JSON Formatında Çekmek

Adı : Ajax İle Verileri JSON Formatında Çekmek

Ajax, web uygulamalarında kullanılan bir tekniktir ve JavaScript ile XML ya da JSON gibi veri formatlarını kullanarak sunucu ile iletişim kurmayı sağlar. Bu sayede sayfa yeniden yüklenmeden verilerin güncellenmesi veya farklı bir sayfaya yönlendirme gibi işlemler gerçekleştirilebilir.

Ajax, veri çekme işlemi için XMLHTTPRequest(obje) kullanır ve sunucudan veri alırken bulunmaktadır. Bu işlem genellikle sunucu tarafında işlenen bir dosyaya (genellikle PHP, Python, ASP.NET gibi sunucu dilleri kullanılır) gönderilen bir istekle gerçekleştirilir. Daha sonra bu istek sonucu dönen veriler JSON formatında alınır, işlenir ve web sayfasında kullanılır.

Öncelikle, JavaScript ile bir XMLHTTPRequest nesnesi oluştururuz ve sunucuya bir istek yapmak için kullanılır. Aşağıda bir örnek verilmiştir:

```
var xmlhttp;

if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
// IE5, IE6 desteklemesi için ActiveXObject kullanılır
xmlhttp = new ActiveXObject(\"Microsoft.XMLHTTP\");
}
```

Bu örnekte, tarayıcının XMLHttpRequest desteğine göre bir XMLHTTPRequest nesnesi oluşturulur. Eğer tarayıcı XMLHttpRequest'i desteklemiyorsa, ActiveXObject kullanarak eski IE sürümleri için destek sağlanır.

Daha sonra, bu nesne ile sunucuya bir istek gönderilir ve gelen veriler işlenir. Verilerin JSON formatında geldiğini varsayarsak, aşağıdaki gibi bir örnek kullanabiliriz:

```
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var response = JSON.parse(xmlhttp.responseText);
// Verileri işleme işlemleri
}
}

xmlhttp.open(\"GET\", \"verileri_al.php\", true);
xmlhttp.send();
```

Bu örnekte, onreadystatechange olayı ile sunucudan istenen veri alındığında bir fonksiyon çalıştırılır. readyState 4 ve status 200, isteğin başarıyla tamamlandığını gösterir. responseText, sunucudan gelen veriyi içerir. JSON.parse fonksiyonu ile bu veriler JSON formatından ayrıştırılır ve kullanılabilir hale getirilir.

İşte bir örnek daha:

```
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var response = JSON.parse(xmlhttp.responseText);

for (var i = 0; i < response.length; i++) {
var item = response[i];
// Veri işleme işlemleri
}
}
}

xmlhttp.open(\"GET\", \"verileri_al.php\", true);
xmlhttp.send();
```

Bu örnekte, sunucudan gelen veri JSON bir dizi olarak kabul edilir ve for döngüsü ile her bir öğe üzerinde işlem yapılır.

Sık Sorulan Sorular (SSS):

1. Ajax ne işe yarar?
Ajax, web uygulamalarında sayfa yeniden yüklenmeden veri alışverişi yapmamızı sağlayan bir tekniktir.

2. Tarayıcıların Ajax desteği hangi nesne ile kontrol edilir?
Tarayıcıların XMLHttpRequest'i destekleyip desteklemediğini kontrol etmek için window.XMLHttpRequest nesnesi kullanılır.

3. JSON.parse() fonksiyonu ne işe yarar?
JSON.parse() fonksiyonu, JSON formatında gelen verileri JavaScript nesnelerine dönüştürmek için kullanılır.

4. Ajax kullanımında en sık kullanılan veri formatı nedir?
Ajax kullanımında en sık kullanılan veri formatı JSON'dır. JSON veri formatı JavaScript nesnelerine benzer bir formatta olduğu için kolayca işlenebilir ve kullanılabilir."