javascript - 如何从api获取json数组
问题描述
我无法从我的 API 中获取 JavaScript 中的标题。我想在 HTML 中显示标题。
api:(https://k0wa1un85b.execute-api.us-east-1.amazonaws.com/production/books)
JSON 响应如下所示:
{"statusCode":200,"body":[{"id":"4f160b1f8693cdbeb96ac8be135ff0f9","title":"Harry Potter"}]}
javascript:
<body>
<p>
title: <span id="tit"></span><br/>
</p>
<script>
const api_url = 'https://k0wa1un85b.execute-api.us-east-1.amazonaws.com/production/books';
async function getISS() {
const response = await fetch(api_url);
const data = await response.json();
console.log(data);
const {title} = (data);
document.getElementById('tit').textContent = title;
}
getISS();
</script>
</body
解决方案
像这样使用它。
const api_url = 'https://k0wa1un85b.execute-api.us-east-1.amazonaws.com/production/books';
async function getISS() {
const response = await fetch(api_url);
const data = await response.json();
console.log(data);
const title = data.body[0].title;
console.log(title)
document.getElementById('tit').textContent = title;
}
getISS();
<p>
title: <span id="tit"></span><br/>
</p>
推荐阅读
- reactjs - 使用fabricjs的clipPath图像上的白色边框线
- python - 使用 TCP 从两台不同的客户端机器向服务器发送数据
- reactjs - React 网站与移动设备上的成帧器动作崩溃
- python - 未检索到 AWS Textract PDF 文档重复字段
- node.js - 从表单发送到后端的数据给出了未处理的承诺 - NodeJs,ExpressJs
- php - 是否能够“扩展” PHP 中的现有函数
- python - 正则表达式:删除带有大写字母的希腊词
- azure - 将 .json 扩展名添加到 Blob 存储中的 Stream outputBlob
- clojurescript - 在 clojurescript 中更改 HTML 元素
- python - ModuleNotFoundError:Windows 上没有名为“pyexpat”的模块