Javascript AXIOS从响应中后期提取数据

我使用来自youtube的一些帮助，使用POST和GET方法编写了一个AXIOS。我从AXIOS得到的返回结果是response，包含所有元素。如何仅提取用户名、电子邮件等数据，而不提取整个响应

结果返回。。。

函数performGetRequest2（）{
var resultElement=document.getElementById（'getResult2'）；
var todoId=document.getElementById（'todoId'）.value；
resultElement.innerHTML=''；
axios（{
方法：“post”，
网址：'http://localhost:8081/userget',
数据：{
userid:todoId
}
})
.然后（功能（响应）{
resultElement.innerHTML=generateSuccessHTMLOutput（响应）；
})
.catch（函数（错误）{
resultElement.innerHTML=generateErrorHTMLOutput（错误）；
});

要获得响应结果：

response.data.result[0] 

由于结果是数组，我们可以通过索引来访问它

要获取用户名、用户名、电子邮件、角色、密码：

response.data.result[0].userid
response.data.result[0].username
response.data.result[0].email
response.data.result[0].role
response.data.result[0].password

要从结果数组中获取所有元素，请执行以下操作：

 response.data.result.forEach((elements)=>{
       console.log(elements.userid);
       console.log(elements.username);
       console.log(elements.email);

  })

演示：

数据={
“结果”：[
{
“用户ID”：“1”，
“用户名”：“你好”，
“电子邮件”：hello@gmail.com",
“角色”：“管理员”，
“密码”：“1234”
}
]
};
console.log（data.result[0]）；
console.log（data.result[0].userid）
console.log（data.result[0]。用户名）
console.log（data.result[0]。电子邮件）
console.log（data.result[0]。角色）
console.log（data.result[0]。密码）
数据2={
“结果”：[
{
“用户ID”：“1”，
“用户名”：“你好”，
“电子邮件”：hello@gmail.com",
“角色”：“管理员”，
“密码”：“1234”
},
{
“用户ID”：“2”，
“用户名”：“你好”，
“电子邮件”：hello@gmail.com",
“角色”：“管理员”，
“密码”：“1234”
}
]
};
data2.result.forEach（（元素）=>{
console.log（elements.userid）；
console.log（elements.username）；
console.log（elements.email）；
})

您可以在函数中以这种方式解构对象

{username}=Data.response[0]

尝试

控制台.log

function performGetRequest2(){
    var resultElement = document.getElementById('getResult2');
    var todoId = document.getElementById('todoId').value;
    resultElement.innerHTML = '';

    axios({
        method: 'post',
        url:'http://localhost:8081/userget',
        data : {
        userid : todoId
        }
    })
    .then(function(response){
        resultElement.innerHTML = generateSuccessHTMLOutput(response);
        const newArray=response.data.result;

        for(let i=0;i<newArray.length;i++)
        {
            //access userid
            console.log(newArray[i].userid);
            //access username
            console.log(newArray[i].username);
            //access emai
            console.log(newArray[i].email);
            //access role
            console.log(newArray[i].role);
            //access password
            console.log(newArray[i].password);
        }
    })
    .catch(function(error){
        resultElement.innerHTML = generateErrorHTMLOutput(error);
    }
)};

函数performGetRequest2（）{
var resultElement=document.getElementById（'getResult2'）；
var todoId=document.getElementById（'todoId'）.value；
resultElement.innerHTML=''；
axios({
方法：“post”，
网址：'http://localhost:8081/userget',
数据：{
userid:todoId
}
})
.然后（功能（响应）{
resultElement.innerHTML=generateSuccessHTMLOutput（响应）；
const newArray=response.data.result；
对于（设i=0；i），您可以使用以下方法：

{username}=data.response.result[0]；
response.data.map（user=>console.log（user.username））-类似于此的内容通常，您需要类似于
resultement.innerHTML=response.data.username的内容。您希望将响应数据放在何处？