HTML页面返回API响应中的未定义

Question

我得到了以下JS，它正试图从AWS API网关返回值：

<script>
fetch("https://myapi/get")
.then(response => response.json())
.then(data => {
document.getElementById("website-counter").innerHTML = data.body
});
</script>

API GW触发一个lambda函数从DynamoDB表中获取一个值。我正在尝试通过显示重新调整的值

<p>
CV Website Views: <span id="website-counter"></span><br/>

</p>

然而；网站计数器"；返回一个未定义的值，而不是所需的DB值。

此外，我在Lambda函数本身中设置了CORS头。如果我从AWS控制台访问到API的直接链接，我会从dynadb获得预期的retuned值。

Answer 1

这篇文章为我解决了这个问题：ES6获取函数返回未定义的

现在运行良好：

<script type ="text/javascript">
function visitcount() {
return fetch("https://myapi/get").then(function(response) {
return response.json();
}).then(function(json) {
return json;
});
}
visitcount().then(function(result) {
document.getElementById("website-counter").innerHTML = result
console.log(result);
});

</script>