从 API 获取数据但没有数据显示在 html 中

Question

我正在尝试从 API 获取一组特定的数据，如下面的代码所示。仅获取足球主队的名称并将其显示到表格中。

我没有收到任何错误，但我的表格中没有显示任何数据。

xhr.onreadystatechange = function()
    {
        if(this.readyState == 4 && this.status == 200)
        {
            //document.getElementById('text').innerHTML = this.responseText;
            const obj = JSON.parse(this.responseText);
            
             
            for (var i=0; i<obj.length; i++) 
            {
               var row = $('<tr><td>' + obj.response[i].teams.home.name + '</td></tr>');
               $('#myTable').append(row);


            }

        }
    }

    xhr.onerror = function()
    {
        console.log('Request Error');
    }

    xhr.send();
}

在做console.log(obj)时

Answer 1

你可以something like this

    xhr.onreadystatechange = function()
    {
        if(xhr.readyState === XMLHttpRequest.DONE && xhr.status == 200)
        {
            //document.getElementById('text').innerHTML = this.responseText;
            const obj = JSON.parse(xhr.responseText);
            
             
            for (var i=0; i<obj.response.length; i++) 
            {
               var row = $('<tr><td>' + obj.response[i].teams.home.name + '</td></tr>');
               $('#myTable').append(row);


            }

        }
    }

    xhr.onerror = function()
    {
        console.log('Request Error');
    }

    xhr.send();