将JSON返回

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（response）得到响应（我认为）。 它返回

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

我的问题是找到使对象JSON的内容显示在HTML中所需的内容

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

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

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

进展！ 使用

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

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

Answer 1

如果您说期望的返回类型是JSON-仅将其设置为innerHTML不够的。 您需要一些模板引擎才能从此JSON生成内容。 就像强调下模板一样。

将JSON返回

问题描述

1 个解决方案

解决方案1
-2 2016-12-22 14:00:37

将JSON返回

问题描述

1 个解决方案

解决方案1 -2 2016-12-22 14:00:37

解决方案1
-2 2016-12-22 14:00:37