Как правильно возвратить ответ аякс запроса?

Question

[Шамуэй]

Как правильно возвратить ответ аякс запроса?
Пробую так но получаю undefined

function loadDoc() {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            
            var res = JSON.parse(this.responseText);
       		return res;
       }
      
    };
    xhttp.open("POST", "Rest.php", true);
    xhttp.send();
    return xhttp.onreadystatechange(); 
}

console.log(loadDoc()); // undefined

Answer 1

[Павел Корнилов]

Функция срабатывает раньше ответа сервера.

function loadDoc() {
	function success() {
		console.log(JSON.parse(xhttp.responseText));
	}
    var xhttp = new XMLHttpRequest();
    xhttp.open("POST", "Rest.php", true);
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
        	return success();
       }

    };
    
    xhttp.send();
}
loadDoc();

Answer 2

[xmoonlight]

Можно посмотреть здесь и поставить мне звёздочку))

includeHTML - Include HTML DOM nodes/parts (loading) via HTML tag into HTML-page for templates and SPA (pure js)