Reactjs 我如何获得我想要的价值?
我目前正在做一个react项目。 我想通过视图中的axios将值(1001)发送到服务器,但服务器没有收到该值。 我需要你的帮助。 多谢各位 -----------------查看文件---------------------------------Reactjs 我如何获得我想要的价值?,reactjs,express,react-router,axios,router,Reactjs,Express,React Router,Axios,Router,我目前正在做一个react项目。 我想通过视图中的axios将值(1001)发送到服务器,但服务器没有收到该值。 我需要你的帮助。 多谢各位 -----------------查看文件--------------------------------- handleChange(e) { //this.setState({option: e.target.value}); axios .get('/status/bus_info',{ 'da
handleChange(e) {
//this.setState({option: e.target.value});
axios
.get('/status/bus_info',{
'data': e.target.value
})
.then(function(requset) {
console.log(requset);
requset = requset.config.data;
console.log(requset);
})
}
render(){
return(
<>
<div className="selwrap floatL">
<i className="select_icon"><img src={require('img/icon/icon_handle_g.png')} alt="hi"/></i>selectBox
<select className="transparentInput" value={this.state.option.value} onChange={this.handleChange}>
{this.state.mariaComData.map((maria, i) => (
<option id={maria.COMPANY_ID} key={i} value={maria.COMPANY_ID}>{maria.NAME}</option>
))}
</select>
</div>
</>
)
}
router.get('/status/bus_info', (req, res) => {
//console.log(req.data);
// res.json(req.data)
let where = '';
if(!req)
where = `where company_id = ${data}`;
db.query(`select * from myTable${where}`, (err, rows) => {
if (!err) {
res.send(rows);
} else {
res.send(err);
}
});
});
-------------查看控制台日志------------
handleChange(e) {
//this.setState({option: e.target.value});
axios
.get('/status/bus_info',{
'data': e.target.value
})
.then(function(requset) {
console.log(requset);
requset = requset.config.data;
console.log(requset);
})
}
render(){
return(
<>
<div className="selwrap floatL">
<i className="select_icon"><img src={require('img/icon/icon_handle_g.png')} alt="hi"/></i>selectBox
<select className="transparentInput" value={this.state.option.value} onChange={this.handleChange}>
{this.state.mariaComData.map((maria, i) => (
<option id={maria.COMPANY_ID} key={i} value={maria.COMPANY_ID}>{maria.NAME}</option>
))}
</select>
</div>
</>
)
}
router.get('/status/bus_info', (req, res) => {
//console.log(req.data);
// res.json(req.data)
let where = '';
if(!req)
where = `where company_id = ${data}`;
db.query(`select * from myTable${where}`, (err, rows) => {
if (!err) {
res.send(rows);
} else {
res.send(err);
}
});
});
在api的查询参数中发送数据
axios.get(`/status/bus_info?data:${e.target.value}`)
.then(function (response) {
// handle success
console.log(response);
})
.catch(function (error) {
// handle error
console.log(error);
})
.finally(function () {
// always executed
});
在你的api中
router.get('/status/bus_info', (req, res) => {
const {data} = req.query;
let where = '';
if(data)
where = ` where company_id = ${data}`;
db.query(`select * from myTable${where}`, (err, rows) => {
if (!err) {
res.send(rows);
} else {
res.send(err);
}
});
});
您必须使用
POST
HTTP请求
根据和,
使用GET
的请求只应检索数据
HTTPPOST
方法将数据发送到服务器
您可以在上找到一个示例,如果您想向服务器发送数据,然后使用POST方法。