javascript - 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)。
非常感谢 :)
解决方案
很难说到底哪里出了问题。首先,您应该使用浏览器的开发工具(网络)并检查您的请求的响应。