Express Node JS GET request from HTML

Question

I am taking my first jab at Express Node JS and thoroughly enjoying it. I'm looking to understand how to get first name and last name information input by a user to the server and displaying it in the console log.

My code in HTML is as follows:

<form action = "/getname/" method = "GET"> 
    <p>First name: <input type="text" id="fname" name="firstname"></p> 
    <p>Last name: <input type="text" id="lname" name="lastname"></p>
    <p><input type="button" value="Submit" id="namebutton" /></p>
    <p><span id="JSONname"></span></p>
</form>

My code in Express app.js is:

app.get('/getname/', function (req, res) {
    response = {
        firstname: req.query.firstname,
        lastname: req.query.lastname
    };
    console.log(response);
    res.end(JSON.stringify(response));
})

I think the connection between the localhost:xxxx/getname and the server is working, however the html to getname isn't working.

Might anyone see where the code is going wrong?

Moreover, Submitting form data using the GET method is not an advisable one. If we GET the set of data will be visible in URL without encryption and it is in-secure to handle data. Instead, you can use the POST method. — Kartik Raja S
– Kartik Raja S, Commented Jan 7, 2020 at 10:20

SuperOP535 · Accepted Answer · 2018-06-15 17:22:18Z

1

The submit button must be type="submit" and not type="button".

answered Jun 15, 2018 at 17:22

SuperOP535

2293 silver badges4 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Express Node JS GET request from HTML

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related