Node.js 为什么axios向我的POST路由发送空数据?
我试图通过EJS文件中的表单发送POST请求。当表单提交时,数据被发布到my(我的客户机),然后我尝试将数据发布到my(我的API) Im使用axios发送如下POST请求:Node.js 为什么axios向我的POST路由发送空数据?,node.js,api,http,post,axios,Node.js,Api,Http,Post,Axios,我试图通过EJS文件中的表单发送POST请求。当表单提交时,数据被发布到my(我的客户机),然后我尝试将数据发布到my(我的API) Im使用axios发送如下POST请求: app.post("/getFormData",function(req,res){ console.log("POST route of 4000 is hit"); var firstName=req.body.create_first_name; var lastName=req.body.create_last_n
app.post("/getFormData",function(req,res){
console.log("POST route of 4000 is hit");
var firstName=req.body.create_first_name;
var lastName=req.body.create_last_name;
console.log(typeof firstName);
console.log(typeof lastName);
axios.post('http://localhost:3000/user_create',
{create_first_name: req.body.create_last_name,lastName: req.body.create_last_name},
{headers: {'Content-Type': 'application/json'}})
.then(function (response) {
console.log(response.config);
res.redirect("/getUsers");
})
.catch(function (error) {
console.log(error);
});
});
app.post("/user_create",function(req,res){
const firstName=req.body.create_first_name;
const lastName=req.body.create_last_name;
console.log("Type: "+typeof firstName + " Data :"+firstName);
console.log("Type: "+typeof lastName + " Data :"+lastName);
const query="INSERT INTO users (first_name,last_name) VALUES (?,?)"
mysqlConnection.query(query,[firstName,lastName],(err, results, fields) => {
if (err){
console.log("Failed to insert new user "+err);
res.sendStatus(500)
return
}
console.log("Inserted into"+results.insertId);
res.sendStatus(200)
}) });
<form action="/getFormData" method="POST">
<input type="text" name="create_first_name" id="" placeholder="First name">
<input type="text" name="create_last_name" id="" placeholder="Last name">
<button>Submit</button>
</form>
我的API(localhost:3000)为post请求提供如下服务:
app.post("/getFormData",function(req,res){
console.log("POST route of 4000 is hit");
var firstName=req.body.create_first_name;
var lastName=req.body.create_last_name;
console.log(typeof firstName);
console.log(typeof lastName);
axios.post('http://localhost:3000/user_create',
{create_first_name: req.body.create_last_name,lastName: req.body.create_last_name},
{headers: {'Content-Type': 'application/json'}})
.then(function (response) {
console.log(response.config);
res.redirect("/getUsers");
})
.catch(function (error) {
console.log(error);
});
});
app.post("/user_create",function(req,res){
const firstName=req.body.create_first_name;
const lastName=req.body.create_last_name;
console.log("Type: "+typeof firstName + " Data :"+firstName);
console.log("Type: "+typeof lastName + " Data :"+lastName);
const query="INSERT INTO users (first_name,last_name) VALUES (?,?)"
mysqlConnection.query(query,[firstName,lastName],(err, results, fields) => {
if (err){
console.log("Failed to insert new user "+err);
res.sendStatus(500)
return
}
console.log("Inserted into"+results.insertId);
res.sendStatus(200)
}) });
<form action="/getFormData" method="POST">
<input type="text" name="create_first_name" id="" placeholder="First name">
<input type="text" name="create_last_name" id="" placeholder="Last name">
<button>Submit</button>
</form>
这是我从axios发出POST请求后得到的响应:
我的表单如下所示:
app.post("/getFormData",function(req,res){
console.log("POST route of 4000 is hit");
var firstName=req.body.create_first_name;
var lastName=req.body.create_last_name;
console.log(typeof firstName);
console.log(typeof lastName);
axios.post('http://localhost:3000/user_create',
{create_first_name: req.body.create_last_name,lastName: req.body.create_last_name},
{headers: {'Content-Type': 'application/json'}})
.then(function (response) {
console.log(response.config);
res.redirect("/getUsers");
})
.catch(function (error) {
console.log(error);
});
});
app.post("/user_create",function(req,res){
const firstName=req.body.create_first_name;
const lastName=req.body.create_last_name;
console.log("Type: "+typeof firstName + " Data :"+firstName);
console.log("Type: "+typeof lastName + " Data :"+lastName);
const query="INSERT INTO users (first_name,last_name) VALUES (?,?)"
mysqlConnection.query(query,[firstName,lastName],(err, results, fields) => {
if (err){
console.log("Failed to insert new user "+err);
res.sendStatus(500)
return
}
console.log("Inserted into"+results.insertId);
res.sendStatus(200)
}) });
<form action="/getFormData" method="POST">
<input type="text" name="create_first_name" id="" placeholder="First name">
<input type="text" name="create_last_name" id="" placeholder="Last name">
<button>Submit</button>
</form>
提交
axios.post('http://localhost:3000/user_create“,{'create_first_name':firstName'create_last_name':lastName})
Nope!仍然不工作axios.post('http://localhost:3000/user_create“,{'create_first_name':firstName'create_last_name':lastName})
Nope!仍然不起作用