Javascript 如何根据使用选择框选择的值从数据库检索特定记录？

我正在努力实现什么？

我试图根据使用选择框选择的值从数据库中检索特定记录

下面是控制台错误

  GET /api/GetStats1?playerNumber=2 404

数据库表

UserTeamsGamesStats Table

id: (int Primary Key)
playerNumber: (int) 
name:(varchar)

下面是我的函数，当用户从选择框中选择一个值时执行

handleChangePlayerNumber = e => {
   e.preventDefault();      

   var todoId = document.getElementById('todoId').value;
   resultElement.innerHTML = '';

   axios.get('http://localhost:5000/api/GetStats1', {
     params: {
         playerNumber: todoId
       },    
    })
    .then(function (response) {
    console.log(response);

    })
    .catch(function (error) {

    });

}

下面是前端选择框

        <select className='form-control'
          id="todoId"
          onChange={this.handleChangePlayerNumber}>

          <option selected='defaultValue' hidden='hidden'>
          Choose a Player by their kit number
          </option>


          <option value=2>2</option>


        </select>

---

您需要从查询参数中传入正确的playerNumber。那么，你的findUsers呼叫将如下所示：

const findUsers = await UserTeamsGamesStats.findOne({
  where: {
    playerNumber: req.query.playerNumber
  }
});

---

由于

axios

以

playerNumber

作为参数发送GET请求，因此您应该能够使用

req.query.playerNumber

在后端获取您的值：

function(req, res) {
  { playerNumber } = req.query;

  const findUsers = await UserTeamsGamesStats.findOne({
    where: { playerNumber }
  });

}

不确定是否玩过游戏，所以我忽略了它

function(req, res) {
  { playerNumber } = req.query;

  const findUsers = await UserTeamsGamesStats.findOne({
    where: { playerNumber }
  });

}