Я пытаюсь отправить запрос POST через форму в файле E JS. Когда форма отправлена, данные отправляются на мой http://localhost: 4000 / getFormData (который является моим клиентом), а затем я пытаюсь отправить эти данные в мой http://localhost: 3000 / user_create , который является моим API.
Я использую ax ios для отправки 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);
});
});
Мой API (localhost: 3000) обслуживает почтовый запрос например:
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)
}) });
Это ответ, который я получаю после выполнения запроса POST от ax ios:
Моя форма выглядит так:
<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>