js. Анонимные функции

188

18 сентября 2017, 05:23

Есть такой код:

function getDataAboutProduct(data){
        var request = new XMLHttpRequest(); 
        request.open('POST', 'php/product_getInfo.php'); 
        request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
        request.onreadystatechange = function(){
            if(request.status == 200 && request.readyState == 4){
                return request.responseText; 
            }
        }
        request.send(data); 
    }

Обычная функция с ajax-запросом, дело в том что нужно вызвать эту функцию и вернуть данные, вопрос в том как это можно сделать, куда возвращает значение строчка return request.responseText; и как его можно перехватить в основной функции и вернуть?

Answer 1

function getDataAboutProduct(data) {
    return new Promise(resolve => {
        var request = new XMLHttpRequest();
        request.open('POST', 'php/product_getInfo.php');
        request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
        request.onreadystatechange = function() {
            if (request.status == 200 && request.readyState == 4) {
                resolve(request.responseText);
            }
        }
        request.send(data);
    })
}
getDataAboutProduct(data).then(result => {
    console.log(result)
})