Javascript XMLHttpRequest ile AJAX İşlemleri

  • 32
  • (1)
  • (5)
  • 20 Nis 2018

Web uygulamanızın içerisinde veya harici bir web uygulamasındaki web servis ile veri çekmek veya göndermek için XMLHttpRequest nesnesini aşağıdaki gibi kullanabilirsiniz.

Aşağıdaki gibi bir Json verisi alındığı farzedilirse:


{
    "id": 102,
    "appName": "Proje Takip",
    "appVersion": "v3.0.0",
    "assembly": "ProjeTakip.exe",
    "publisher": "GreenScreen Yazılım",
    "releaseDate": "2015-06-10T11:00:45.000Z"
}

Alınan veriyi okumak için:


var req = new XMLHttpRequest();
req.open('GET', 'http://localhost:xxx/api/application/get/' + id);
// Güvenlik anahtarı kullanmak için aşağıdaki şekilde header ekleyin
//req.setRequestHeader('Authorization', 'Bearer ' + securityKey);
req.setRequestHeader('Content-Type', 'application/json');
req.onload = function () {
    if (req.status === 200) {
        var data = JSON.parse(req.response);
        console.log('id: ' + data.id + ', isim: ' + data.appName);
        console.log('sürüm: ' + data.appVersion);
        console.log('yayıncı: ' + data.publisher);
    }
};
req.send();

Json göndermek için ise aşağıdaki gibi bir script kullanmanız gerekiyor.


var model = {
    id: 106,
    appName: "My Antivirus",
    appVersion: "v4.0",
    assembly: "MA.exe",
    publisher: "Güsoft"
};
var req = new XMLHttpRequest();
req.open('POST', 'http://localhost:xxx/api/application/post');
// Güvenlik anahtarı kullanmak için aşağıdaki şekilde header ekleyin
//req.setRequestHeader('Authorization', 'Bearer ' + securityKey);
req.setRequestHeader('Content-Type', 'application/json');
req.onload = function () {
    if (req.status === 200) {
        alert('Başarılı');
    } else {
        alert('Başarısız');
    }
};
req.send(JSON.stringify(model));

İlişkili İçerikler

.NET dünyasında veri modellerini JSON formatına dönüştürmek son derece kolay ve web api içeren projeler için kullanışlıdır.

Paylaşın
Etiket Bulutu