Question

我使用Axios从API获取信息。 Axios使用正确的信息连接并返回一个对象，但是我很难获取返回的JSON并将其显示在我的HTML代码中。

我的代码是：

<body>    
    <script type="text/javascript">
        axios.get('http://localhost:3000/boxmac').then(function (response) {
            console.log(response);
            document.getElementById('lol').innerHTML = response.Object;
        }).catch(function (error) {
            console.log(error);
        });
    </script>
    <p id="lol"></p>
</body>

此时，如果它将整个数据库内容（所有168行和1000多个项目）转储到HTML中，我会感到高兴。我至少知道我到了某个地方。

此时我收到console.log（响应）的响应（我认为）。它返回

Object {data: Object, status: 200, statusText: "OK", headers: Object, config: Object…}

我的问题是找到我需要用来使对象JSON的内容出现在HTML中

好的，我可以在HTML中返回[object Object]。现在如何让它在Object中返回信息。

在控制台中浏览树需要导航：

Object => Object =>  macdb => [0 ... 99 ] => Object

进展！使用

document.getElementById('lol2').innerHTML = res.data.macdb;

我在HTML中获得了大量的[object Object]，现在我只需要该对象中的内容。

Answer 1

如果您说预期的返回类型是JSON - 只需将其设置为card -> id, name, class, type, cost, attack, defense rarity -> id, name Card_rarity --> card_id, rarity_id就不够了。您需要一些模板引擎才能从此JSON生成内容。与underscore templating一样。

将JSON返回到

1 个答案: