如何在ExpressJS中使用JSON数据呈现HTML页面

Question

我一直试图通过从API包装器(API.jikan.moe(获取数据来构建一个动漫应用程序。我在HTML表单中制作了一个表单来发送帖子数据，然后我的node.js脚本从API获取数据。

如何呈现JSON并以HTML页面的形式显示JSON数据？

这是我的代码index.html

<form  method="POST" action="http://127.0.0.1:3000/find">
<div class="form">
<input type="text" name="animeName" placeholder="Anime Name"><input type="submit" value="Search" id="searchBtn">
</div>
</form>

main.js

app.post('/find', (req, res) => {
mal.search('anime', req.body.animeName, '')
.then(info => {
let list = []
for(var i = 0; i < info.results.length; i++){
list.push(info['results'][i])
}
res.json(info)
})
.catch(err => {
console.log(err)
res.send("Error Occured")
})
})

Answer 1

当您提交表单时，表单数据会被发送到服务器并刷新页面。

您必须使用AJAX提交表单。