我坐在这里,名为what3word的位置API,我发现自己在尝试在DOM中显示地图时遇到了麻烦。 API连接运行良好,我在控制台中看到console.log()
的所有内容,但我不明白我应该添加什么来查看DOM上的JSON响应数据(到目前为止我在DOM中看到[对象对象],在控制台中我看到:
Object { crs: Object, words: "effekt.mikroklimat.kurser", bounds: Object, geometry: Object, language: "sv", map: "http://w3w.co/effekt.mikroklimat.ku…", status: Object, thanks: "Thanks from all of us at index.home…" }
这是我的代码:
<!DOCTYPE html>
<head>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"
integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s="
crossorigin="anonymous"></script>
<script>
var settings = {
"async": true,
"crossDomain": true,
"url": "https://api.what3words.com/v2/forward?addr=effekt.mikroklimat.kurser&key=5QM8EG7T&lang=sv&format=json&display=full",
"method": "GET",
"headers": {}
}
$.ajax(settings).done(function (response) {
console.log(response);
document.getElementById('test').innerHTML = response;
});
</script>
<style>
#test {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<div id="test"></div>
</body>
</html>
我遵循了文档,但没有关于如何在DOM中显示数据的内容。我应该在&#34;标题中添加内容类型&#34;?我试过&#34; Content-Type&#34;:&#34; text / html;字符集= UTF-8&#34;但没有运气,我错过了什么?