ответ js xml возврат не определен

Question

Пожалуйста, мне нужна помощь!Для начала я не очень хорошо говорю по-английски извините за ошибки

Поэтому я пытаюсь получить объект JSON с этим кодом:

function uhttp(url){
    var xhr = new XMLHttpRequest();
    xhr.open('get', url, true);
    xhr.responseType = 'json';
    xhr.onload = function() {
        var status = xhr.status;
        if (status == 200) {
            console.log(xhr.response)
            return xhr.response;
        } 
    };
    xhr.send();
    console.log('exit')
};

, но когда я использую функцию httpsвот так:

`

 ( ()=>{
    var perso =uhttp('bd.php?table=charac')

    for (var i = 0; i < perso.lenght; i++) {
        document.getElementbyID('container').append('<ul>'+perso[i].nom+'</ul>')
    }
})()

` perso он не определен ... здесь консоль index.html

У меня сложилось впечатление, что мы выйдем из функции до того, как получим резонанс, и поэтому функция возвращает ноль. Конечно, прежде чем задать свой вопрос, я провел некоторое исследование, но никто не работал в моем случае ..... Спасибо за ваши anwsers

Answer 1

Это происходит потому, что вы не возвращаете значение из функции uhttp(), а из анонимной функции (xhr.onload).

Чтобы получить доступ к этому значению после завершения вызова AJAX, используйте обещания:

function uhttp(url){
    return new Promise(function(resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.open('get', url, true);
    xhr.responseType = 'json';
    xhr.onload = function() {
      var status = xhr.status;
      if (status == 200) {
        resolve(xhr.response);
        return;
      } 

      reject();
    };

    xhr.onerror = function() {
        reject()
    };

    xhr.send();
  })
}

И используйте это так:

uhttp('bd.php?table=charac').then(function(result) {
    var person = result;
    for (var i = 0; i < perso.lenght; i++) {
        document.getElementbyID('container').append('<ul>'+perso[i].nom+'</ul>');
    }
  }).catch(function() {
   // Logic on error
  });