javascript - 从用户输入查询 MySQL 数据库
问题描述
我正在开发一个 VueJS 网络应用程序,在该应用程序中,我需要根据用户输入查询一个人名数据库。
在我的server.js文件中,我有我想要查询的 API 端点并将其托管在 localhost:4000
//Staff
app.get('/staff', (req,res) => {
connection.query(SELECT_CERTAIN_STAFF, (error,results) => {
if(error){
return res.send(error)
}
else {
console.log('Selected STAFF from People')
return res.json({
data: results
})
}
})
})
在我的Search.vue这是我的搜索方法
//Data
data(){
return {
input: '',
errors: ''
}
},
//Methods
methods:{
search(keyboard){
console.log(this.input)
axios.get('http://localhost:4000/staff?username='+this.input)
.then(response => {
console.log(JSON.stringify(response.data.data))
})
.catch(error => {
console.log(error)
this.errors = error
})
console.log(keyboard.value)
}
},
我添加了 console.log(this.input) + console.log(keyboard.value) 来测试从用户那里获取的正确输入,它是
在我的回复中,console.log(JSON.stringify(response.data.data))只是返回端点/staff 中的数据,而不是根据用户输入过滤任何数据。
有人知道为什么要这样做/不同的方法吗?我是否正确设置了 API 端点?
谢谢
解决方案
推荐阅读
- java - android 房间数据库 + db + 外键 = 约束错误
- javascript - 未捕获(承诺中)类型错误:无法读取未定义的属性“json”
- ios - Swift UICollectionView Cell 被渲染两次
- java - 尝试在 Java 中使用 for 循环输出 0 1 2 3 8 5 6 14 8 9
- batch-file - 在 Windows 中使用索引保留批量重命名文件
- html - 反应表单验证如何工作?
- c# - 外部项目可以在解决方案资源管理器中看到
- html - 使用 iFrame 嵌入 Excel 文件无法正常工作
- php - 使用子流程传递时不接受两个输入
- python - 使用 BeautifulSoup 从 url 中提取 url 列表