首页 > 解决方案 > 在 Pug 中提交 JSON 数据

问题描述

我有一个网络应用程序,其中选项列表动态显示在表格中。每个表格行都有一些文本和一个提交按钮。单击提交时,我无法将 JSON 数据从该特定表行传递到我的后端路由。这是一个简化的示例:

div.AnimalsTable
    table(style='width:100%;background-color:white', border='1')
        tr
          th Animals
        each animalType in typesOfAnimals
          each animal in animalType
            tr
              td
                form(method="POST" action="/animals/selection")
                  div.AnimalName
                    p #{animal.name}
                  div.SelectAnimalButton
                    button(class="btn btn-small" type="submit" value=animal) Select Animal
                  div.AnimalInfo
                    p #{animal.age}, #{animal.city}

这适用于向我的POST /animals/selection端点发出请求,但其中请求正文为空。我如何才能将动物 json 实际提交到我的端点?

标签: javascriptnode.jsexpresspug

解决方案


推荐阅读