Reading ajax values in nodejs

Question

I have an HTML application where Im using AJAX to display the output in the same page after clicking the submit button. Before submitting Im able to get the values passed in the HTML form using

 app.use(express.bodyParser());

    var reqBody = req.body;

How can I read the output from the same HTML page after the submit button click.

Say what? You wanna explain that a bit more clearly please? – cyberwombat Jan 24 '14 at 06:25 — cyberwombat, Jan 24 '14 at 06:25

score 0 · Answer 1 · edited May 23 '17 at 12:03

Consider you have the following form:

<form id="register"action="/register" method="post">
    <input type="text" name="first_name"/>
    <input type="text" name="last_name"/>
    <input type="text" name="email"/>
    <input type="submit" value="register"/>
</form>

Your client side JavaScript could look like this:

var form = document.getElementById("register");
form.addEventListener("submit", function() {
    // ajax call

    // prevent the submit
    return false;
});

On server side you would be able to access the form data:

app.post("/register", function(req, res) {
    var user = {
        first_name : req.body.first_name,
        last_name  : req.body.last_name,
        email      : req.body.email
    };
});

For further reading:
How to prevent form from being submitted?

score 0 · Answer 2 · answered Jan 24 '14 at 06:47

You can send the response as json data from node.js to HTML page and use it in AJAX success callback.

node.js:

res.send(resObj);

HTML:

$("#form").submit(function () {
  $.ajax({
    type: "POST",
    url: 'url',
    data: formData,
    success: function (data) {
      data //contains response data
    }
  });
});

Reading ajax values in nodejs

2 Answers2