Javascript 如何在ExpressJS中呈现包含JSON数据的HTML页面

我一直试图通过从API包装器（API.jikan.moe）获取数据来构建一个动漫应用程序。我在HTML表单中创建了一个表单来发送post数据，然后我的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")
    })
})

app.post（'/find'，（req，res）=>{
mal.search（'anime'，req.body.animeName'，）
。然后（信息=>{
让列表=[]
对于（var i=0；i{
console.log（错误）
res.send（“发生错误”）
})
})

提交表单时，表单数据将发送到服务器并刷新页面

---

您必须使用AJAX提交表单。

如果您希望Express发送HTML，则发送HTML而不是JSON。具体如何发送？你能发布一些代码吗？“页面刷新了”-不，JSON显示“你必须使用AJAX提交表单”-不，常规表单提交很好。昆汀，我在使用模板引擎时遇到了一些问题，你能写一些样板代码说明它如何工作吗？你为什么否决？您可以使用AJAX实现这一点，如下所示http://127.0.0.1:3000/find，成功：函数（数据）{console.log（数据）；$（“#animeForm”）.append（JSON.stringify（数据））；