Fatal编程技术网

Javascript 将JSON返回到

javascript html json

Javascript 将JSON返回到,javascript,html,json,axios,Javascript,Html,Json,Axios,我正在使用Axios从API获取信息。Axios连接并返回一个具有正确信息的对象，但我很难获取返回的JSON并将其显示在HTML代码中 我的代码是： <body> <script type="text/javascript"> axios.get('http://localhost:3000/boxmac').then(function (response) { console.log(response);

我正在使用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>
我的问题是找到我需要使用什么使对象JSON的内容显示在HTML中

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

浏览console中的树需要导航：

Object => Object =>  macdb => [0 ... 99 ] => Object
进步！使用

document.getElementById('lol2').innerHTML = res.data.macdb;
我在HTML中得到了大量的[object object]，现在我只需要该对象中的内容

如果您说预期返回的类型是JSON，那么仅将其设置为
innerHTML
是不够的。您需要一些模板引擎来从这个JSON生成内容。比如。

那么，
response
包含什么？它做什么或不做什么？如果您的响应类型是字符串，请使用
response=JSON.parse（response）
。打印
console.log（response）
以查看它包含的内容。当我打开控制台时，我会得到你的
.Object
是多余的
.innerHTML=response
应该会给你一些东西（很可能是
[object object]
）。最有可能的是，
innerHTML
不是问题。如果我错了，请纠正我，但我相信将HTML内容设置为对象会导致它显示为字符串
[object object]
。根据问题的措辞，询问者似乎没有得到任何HTML输出，因此正如Cerburs所建议的，
innerHTML
可能不是问题所在。编辑：刚刚测试过；当使用
innerHTML
应用对象时，对象实际上显示为
[object object]
。当我打开控制台时，我得到
object{data:object，status:200，statusText:“OK”，headers:object，config:object…}
检查
data.object
属性中返回的数据。这里有JSON对象吗？前进！使用
document.getElementById（'lol2'）.innerHTML=res.data.macdb我在HTML中获得了大量的[object object]，现在我只需要该对象中的内容。

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