Node.js – How to send data from html to express

by

Using http.createServer is very low-level and really not useful for creating web applications as-is.

A good framework to use on top of it is Express, and I would seriously suggest using it. You can install it using npm install express.

When you have, you can create a basic application to handle your form: 

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

//Note that in version 4 of express, express.bodyParser() was
//deprecated in favor of a separate 'body-parser' module.
app.use(bodyParser.urlencoded({ extended: true })); 

//app.use(express.bodyParser());

app.post('/myaction', function(req, res) {
  res.send('You sent the name "' + req.body.name + '".');
});

app.listen(8080, function() {
  console.log('Server running at http://127.0.0.1:8080/');
});

You can make your form point to it using: 

<form action="http://127.0.0.1:8080/myaction" method="post">

The reason you can’t run Node on port 80 is because there’s already a process running on that port (which is serving your index.html). You could use Express to also serve static content, like index.html, using the express.static middleware.

More Related Contents:

  1. Two submit buttons in one form
  2. What is the boundary in multipart/form-data?
  3. Disabled form inputs do not appear in the request
  4. Submitting a form by pressing enter without a submit button
  5. Using PUT method in HTML form
  6. What’s the proper value for a checked attribute of an HTML checkbox?
  7. Clear all fields in a form upon going back with browser back button
  8. Input Type image submit form value?
  9. Multiple radio button groups in one form
  10. How do I send an HTML Form in an Email .. not just MAILTO
  11. Use a normal link to submit a form
  12. how to POST/Submit an Input Checkbox that is disabled?
  13. How to submit http form using C#
  14. HTML Form: Select-Option vs Datalist-Option
  15. Multiple Forms or Multiple Submits in a Page?
  16. Pre-Populate HTML form file input
  17. How can I style a file input field in Firefox?
  18. If an HTML form has two buttons, how do I know which got clicked?
  19. Inline Form nested within Horizontal Form in Bootstrap 3
  20. HTML Submit-button: Different value / button-text?
  21. How to clear a form?
  22. Why do s clear floats?
  23. What is the correct readonly attribute syntax for input text elements?
  24. What does “for” attribute do in an HTML tag?
  25. Upload a whole directory through an HTML form
  26. Submit HTML form in a new tab
  27. POST vs post, GET vs get
  28. How to remove x and y on submit in HTML form with Image type button?
  29. Custom HTTP Request headers in HTML
  30. How can I pre-populate html form input fields from url parameters?

Leave a Comment