6

I have a problem. I want to make server do something after clicking on button. This is my HTML code:

    <input name="like" id="like" value="Like" type="submit" />
    <script>
        $('like').click(function(){
            $.post('/test')
        });
    </script>

and this is my server-side code:

app.post('/test', function (req, res) {
    console.log('works');
});

And it doesn't work.

4
  • it should be saying something ? Commented Jul 25, 2014 at 12:52
  • Well, what do you expect? Commented Jul 25, 2014 at 12:52
  • 1
    can it be $('#like').click(function(){ instead of $('like').click(function(){ Commented Jul 25, 2014 at 12:53
  • Thanks prava I missed # :D Commented Jul 25, 2014 at 12:54

2 Answers 2

8

Your problem is here, you have forgotten the # for targeting element by id, so click would never be invoke.

$('#like').click(function(){
    $.post('/test');
});
Sign up to request clarification or add additional context in comments.

Comments

3

It looks like you aren't selecting the input tag correctly. If you want to select a DOM element by ID, you'll want to use '#IDname' as your selector.

For this example, that means changing it to

...
$('#like').click(function(){
...

This also might not fix the error entirely: using a an input field with a type of "submit", you will likely have to do something like this:

...
$('#like').click(function(e){
    e.preventDefault();
...

to keep the default submit event on the input from "bubbling up."

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.