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>')
    }
})()

` 他是不公正的...... here the console of index.html

我的印象是我们在收到共鸣之前退出该功能，这就是为什么该函数返回null 当然在问我的问题之前，我做了一些研究，但没有人在我的情况下工作.... 谢谢你的导师

Answer 1

这是因为您没有从uhttp()函数返回值，而是从匿名函数（xhr.onload）返回值。

为了在AJAX调用结束后访问此值，请使用promises：

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

js xml响应返回unifined

1 个答案: