首页 > 解决方案 > HTML添加CRUD按钮将获得特定的东西

问题描述

我当前的项目有问题。我正在处理我的个人项目,我在 HTML 和 Node.js 中使用 CRUD。我在创建 Get(具有给定 ID)按钮时遇到了问题。虽然按钮 Get(它为我提供了来自 DB 的所有数据)正在工作,但具有特定 ID 的按钮却没有。在这里,我附上了我的源代码的屏幕截图:

//Get - function from SQL Server
app.get('/people', (req, res) => {
  mysqlConnection.query('SELECT * FROM peopledb.people' , (err, rows, fields) =>{
    if(!err)
    res.send(rows);
    else
    console.log(err);
  })
})



//Get - function from SQL with given ID

app.get('/people/:id', (req, res) => {
  mysqlConnection.query('SELECT * FROM peopledb.people WHERE PplID = ?' ,[req.params.id] ,(err, rows, fields) =>{
    if(!err)
    res.send(rows);
    else
    console.log(err);
  })
})
<div>
        <form action="/people" method="GET" class="getbutton">
            <div>
                <input type="submit" value="Get People from Database" class="btn btn-primary" />
            </div>
        </form>
    </div>
    <div>
        <form action="/people/" method="GET">
            <div>
                <input type="submit" value="GetUnique" class="btn btn-primary"/>
                <input type="text" placeholder="Get person by ID"/>
            </div>
        </form>
    </div>

我希望我向您解释了一切清晰易懂的内容。总而言之,我只想让第二个按钮将我转发到页面 /people/(在输入框中给出 ID)。单击按钮后,我的 URL 请求是:localhost:X/people/?,而它应该是:localhost:X/poeple/(给定 ID)。

非常感谢 :)

标签: javascripthtmlnode.jsgetcrud

解决方案


很难说到底哪里出了问题。首先,您应该使用浏览器的开发工具(网络)并检查您的请求的响应。


推荐阅读