Javascript XMLHttpRequest ile AJAX İşlemleri

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));