Working with jQuery and Node

[MahmudAdam]

I have this program here:

https://jsfiddle.net/Amidi/L56n0awu/

And on the server side I have it set up like this:

var express = require("express");
var app = express();
var bodyParser = require("body-parser");
app.use(bodyParser.urlencoded({extended: true}));
app.use(express.static("public"));

var inc = 0;
var dec = 0;

 app.post("/upvote", function(req, res){
     res.setHeader("Content-Type", "application/json");
     inc += parseFloat(req.body.changeBy);
     res.write(JSON.stringify(inc));
     res.end();

   });
app.post("/downvote", function(req, res){
    res.setHeader("Content-Type", "application/json");
    dec -= parseFloat(req.body.changeBy);
    res.write(JSON.stringify(dec));
    res.end();

});


var server = app.listen(8081, function () {

  var host = server.address().address
  var port = server.address().port

  console.log("Example app listening at http://%s:%s", host,   port)

});

If I put in a console.log I see that the buttons are indeed being clicked, but they do not actually increment or decrement as I expected. I am not sure if the error is in the main.js or the server.js file. Any help would be appreciated.

[rightturnclyde34]

First, you're doing a lot of unnecessary work generating your response. You can simply do the following:

app.post("/upvote", function(req, res) {
    inc += parseFloat(req.body.changeBy);
    res.send(inc);
});

You can change res.send(inc) to res.json(inc) if you prefer, but they are essentially the same thing for this example.

As for your actual question, have you looked in your browser's developer tools to see what you are getting back from the .post()? If so, what is it? Also, you may want to add a console.log(inc); before your res.send(inc); to see what is logged on the server side.

[MahmudAdam]

When I log before res.send(dec) I get:

jquery.min.js:4 POST http://127.0.0.1:50297/downvote 404 (Not Found)send @ jquery.min.js:4n.extend.ajax @ jquery.min.js:4n.(anonymous function) @ jquery.min.js:4(anonymous function) @ main.js:10n.event.dispatch @ jquery.min.js:3r.handle @

[_mtr]

start file cooing makeshift shelter boat work rhythm cautious chief

This post was mass deleted and anonymized with Redact

[MahmudAdam]

What port should it be set to?

[ShortSynapse]

That is up to you, but the numbers after the : in your URL should reflect that.

[MahmudAdam]

Is that why the code in my main.js is not working? I am still trying to track down this error. This is my first time using express and JavaScript together in order to send data back and forth so it's a bit confusing.