Request data from server nodejs on button click

Question

I have front end code written this way where on a button click, I need to get certain data from the node server to populate a map that I have on the client side. This map is displayed on : "http://localhost:8080/"

My code to request from the server looks like this:

<div id="heatmap">
        <input name="heatit" type="submit" value="Heat up!">

        <script>
            $("#heatit").click(function (){

                $.ajax({
                    url:"/heatmap",
                    type: "POST",
                    success: function(result) {
                        console.log("hi");
                    }                
                    });
                });

            </script>
    </div>

And this is my server side code:

app.post('/heatmap', function(req, res) {

  console.log("hey");
  res.send(densityList);

});

When I click on "Heat up!", nothing happens, no request is sent when I examine the browser console, and I also cannot get any log output.

Can anyone tell me how to get the backend data to the front end so I can dynamically change the front end page?

IrkenInvader · Accepted Answer · 2016-04-01 19:27:45Z

3

Your script is not be getting called, your input is named heatit but your jQuery is listening for a click on something with an id of heatit. Try setting that id in your html and going from there:

<input id="heatit" name="heatit" type="submit" value="Heat up!">

If you would like to keep your html the same you can change your click listener:

$('input[name=heatit]').on('click', function(){
  //your code
})

edited Apr 1, 2016 at 19:27

answered Apr 1, 2016 at 19:22

IrkenInvader

4,0401 gold badge14 silver badges25 bronze badges

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

2 Comments

robinhood91 Over a year ago

thanks that did make the fix for posting. When the server sends the response, the result should be captured by my ajax' success function. I am trying to log that but i get nothing.

robinhood91 Over a year ago

Also, I didn't realize that I should "POST" to that endpoint and not "GET" it since it returns a 404.

Collectives™ on Stack Overflow

Request data from server nodejs on button click

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related