Javascript 如何从NodeJS获取单个数据并在VueJS中显示?
我创建了一个包含用户详细信息的数据库,我希望通过搜索其名字来显示我的VueJS 下面是我在JSON中请求用户详细信息的代码。它正在工作,因此我的下一步将是在VueJS中显示数据Javascript 如何从NodeJS获取单个数据并在VueJS中显示?,javascript,node.js,vue.js,Javascript,Node.js,Vue.js,我创建了一个包含用户详细信息的数据库,我希望通过搜索其名字来显示我的VueJS 下面是我在JSON中请求用户详细信息的代码。它正在工作,因此我的下一步将是在VueJS中显示数据 http://localhost:9000/api/user/:id 我的VueJ上有这样的东西 export default { data() { return { search: "", results: {} }; }, mounted() { thi
http://localhost:9000/api/user/:id
我的VueJ上有这样的东西
export default {
data() {
return {
search: "",
results: {}
};
},
mounted() {
this.getUsers();
},
methods: {
getUser() {
axios
.get("http://localhost:9000/api/user/")
.then(response => (this.results = response.data))
.catch(error => alert(error));
}
},
computed: {
/* Search Bar */
filteredPeople() {
if (this.search) {
return this.results.filter(result => {
return result.First_Name.toLowerCase().startsWith(
this.search.toLowerCase()
);
});
} else {
return this.results;
}
}
},
};
</script>
尝试这样更改
getUser()
:
getUser() {
let self = this;
axios
.get("http://localhost:9000/api/user/", {
params: {
id: 12345
}
})
.then(response => (self.results = response.data))
.catch(error => alert(error));
}
只是解决这个问题: 请查看以下内容: 它已经准备好了引导vue按名称搜索的功能。你所要做的就是:
@Vin,console.log(response.data)返回什么?无,idk为什么。也许我需要传递一个数据。获取(“+id”)?差不多that@Vin,尝试像我刚才那样添加
id
。此表可以处理大数据吗?可以。我在mongo db的10000条记录上测试了它。
//gets a specific user based on their ID
router.get('/user/:id', function (req, res) {
let sql = "SELECT * FROM MEMB WHERE id = ?";
myDB.query(sql, req.params.id, function (err, rows) {
if (err) {
console.log("Your query has error."+ err);
} else {
console.log(rows);
res.send(rows);
}
});
});
getUser() {
let self = this;
axios
.get("http://localhost:9000/api/user/", {
params: {
id: 12345
}
})
.then(response => (self.results = response.data))
.catch(error => alert(error));
}