Making a POST request for a form using node.js

Question

Been trying to learn node and i'm having a terrible time. I dont know what i'm doing wrong but all i want is the input that the visitor submits to show in my console.

profile.ejs

<!DOCTYPE html>
<html>
  <head>
    <title>Electric</title>
    <meta charset = "utf-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link href='https://fonts.googleapis.com/css?family=Josefin+Sans|Kaushan+Script' rel='stylesheet' ty pe='text/css'>
  </head>
  <body>
    <form id="testimonial form" method = "POST" action = "/profile">
        <label for="firstname">First Name</label>
        <input type="text" id="firstname" name="firstname">
        <label for="lastname">Last Name</label>
        <input type="text" id="lastname" name="lastname"> </br></br>
        <label for="address">Street Address</label>
        <input type="text" id="address" name="address"></br></br>
        <label for="address2">Street Address Line 2</label>
        <input type="text" id="address2" name="address2"></br></br>
        <label for="city">City</label>
        <input type="text" id="city" name="city">
        <label for="state/province">State or Province</label>
        <input type="text" id="state/province" name="state/province"></br></br>
        <label for="postal/zipcode">Postal/Zipcode</label>
        <input type="text" id="postal/zipcode" name="postal/zipcode">
        <label for="country">Country</label>
        <input type="text" id="country" name="country"></br></br>
        <label for="email">Email Address</label>
        <input type="text" id="email" name="email address"></br></br>
        Testimonial:</br>
        <textarea rows="10" cols="40"></textarea></br></br>
        <input type="submit" value="Submit">
    </form>
        <script src="js/jquery-1.12.4.min.js"></script>
        <script src="js/java.js"></script>
  </body>

and this is my node file.

java.js

var express = require("express");
var bodyParser = require('body-parser')
var app = express();

var urlencodedParser = bodyParser.urlencoded({ extended: false})

app.set('view engine', 'ejs');
app.use('/assets', express.static('stuff'));
app.get('/', function(req,res){
    res.render('index')
});

app.get('/profile', function(req, res){
    res.render('contact', {qs: req.query});
});

app.post('/profile', urlencodedParser, function(req, res){
    res.render('contact', {qs: req.query});
    console.log(req.body);
});

Can someone help me please. The threehouse videos dont really do much for me.

Answer 1 · 2016-07-19T22:42:17Z

July 19, 2016 10:42pm

I haven't worked with Node much, but there might be an issue with the form element:

<form id="testimonial form" method = "POST" action = "/profile">

I'm not sure if you can have spaces between attributes and values. There also shouldn't be a space for the id of the form.

Perhaps making this change will help?

<form id="testimonialForm" method="POST" action="/profile">

Answer 2 · 2016-07-17T16:20:42Z

July 17, 2016 4:20pm

Try moving the console log above the res.send()

Welcome to the Treehouse Community

Looking to learn something new?

Siavash Gheifardi

Siavash Gheifardi

Making a POST request for a form using node.js

2 Answers

Patrick McKinney

Patrick McKinney

Maryann Sailer

Maryann Sailer