I have the following HTML form:
<form method="POST" action="/api/submit_agent">
<label for="agent_type">Choose an agent model:</label>
<select name="agent_type">
<option value="male_agent" selected>Male Agent</option>
<option value="female_agent">Female Agent</option>
</select>
<input id="submit_agent"type="submit" value="Submit">
</form>
and I want to process the form's fields on my nodejs server like so (i'm using express)
app.post("/api/submit_agent", (req, res) => {
// do stuff
});
but when I submit my form I get redirected to /api/submit_agent. Is there a way to have this processing not reflect in the browser aka without any type of redirection?
It's not an express thing, just apart of how forms operate in HTML.
You can look at this answer which is similar: Prevent redirect after form is submitted
Just make your post request via js instead of a submit action of your form.