javascript - 无法从 JSON “undefined” 获取数据

Question

"https://tripbot.tripsit.me/api/tripsit/getDrug?name=meth"是API，我尝试在数据中获取名称，{"err":null,"data":[{"name":"methamphetamine 这是我想要的 json 的一部分
我只想获取名称“甲基苯丙胺”并将其嵌入到描述中，我尝试使用其中一种方法从 JSON 中获取名称，但每当我测试它时，它都会显示 未定义 .
有什么办法可以解决这个问题并从 JSON 中获取名称？
这是我的代码:

(async () => {
    const response = await fetch(`https://tripbot.tripsit.me/api/tripsit/getDrug?name=meth`).then(r => r.text())
    const name = response.data.name
    const education = new Discord.MessageEmbed()
      .setColor('#00000')
      .setTitle('Education │ education')
      .setDescription(`${name}`)
      .setFooter('Education ©, Test')
    message.channel.send(education);
})()

Answer 1

.text() 返回文本(因此未解析的 JSON 编码数据)。
你要找的是 .json() ，它解析响应端返回一个带有数据的 JavaScript 对象。
此外，response.data是一个数组，所以它必须是 response.data[0]如果你想要它的第一个元素。

(async () => {
    const response = await fetch(`https://tripbot.tripsit.me/api/tripsit/getDrug?name=meth`).then(r => json())
    const name = response.data[0].name
    const education = new Discord.MessageEmbed()
      .setColor('#00000')
      .setTitle('Education │ education')
      .setDescription(`${name}`)
      .setFooter('Education ©, Test')
    message.channel.send(education);
})()