Pernahkah kita membuat sebuah fungsi, dimana di dalam fungsi tersebut kita menjalankan request Ajax?

function getContent(blogId) {
    var xhr = new XMLHttpRequest();   

    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                return xhr.responseText;
            }
        }
    };

    xhr.open('GET', '/blog/' + blogId);
    xhr.send();
}

console.log( getContent(1) );

Harapan kita, jika fungsi di atas dijalankan akan menghasilkan konten blog dari server. Akan tetapi  hasilnya selalu undefined, seolah – olah baris ke-7 tidak pernah dijalankan.

Advertisements