Javascript Post inside a function

Question

This is what I usually see:

$("button").click(function(){
    $.post("demo_test.asp", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

But I want to do this and it isn't really working:

<input type="submit" class='button_red' value="Create Pool" id="button" onclick="CreatePool()"><br />

function CreatePool(){
        $.post("demo_test.asp", function(data, status){
            alert("Data: " + data + "\nStatus: " + status);
        });
}

Why not and shouldn't it? I'm getting the impression post will only work inside an event listener... but the above are just two ways of saying the same thing correct?

what is the error in console?

vasilenicusor
– vasilenicusor

2015-07-05 23:14:55 +00:00
Commented Jul 5, 2015 at 23:14 — vasilenicusor
– vasilenicusor, Commented Jul 5, 2015 at 23:14

vasilenicusor · Accepted Answer · 2015-07-05 23:19:05Z

2

I suppose the error is Uncaught ReferenceError: CreatePool is not defined Try to declare the function before using-it.

<script>
    function CreatePool(){
        $.post("demo_test.asp", function(data, status){
            alert("Data: " + data + "\nStatus: " + status);
        });
}
</script>

<input type="submit" class='button_red' value="Create Pool" id="button" onclick="CreatePool()"><br />

Check this DEMO

answered Jul 5, 2015 at 23:19

vasilenicusor

2,0831 gold badge21 silver badges37 bronze badges

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

4 Comments

stdob-- Over a year ago

Or possible use predefiined variable that already declared, $ for example: jsfiddle.net/3u0vyz2h

vasilenicusor Over a year ago

@stdob-- yah, i forgot this. +1 for hint

gunslingor Over a year ago

Jeez... this could really be the problem... too bad I deleted all the function code is a spat of anger, lol. It is good though, it seems like sometimes it has to be at the end and sometimes it has to be at the beginning, unintuitive.... But I suspect now, that this is a false impression.... functions need to be declared before they are used, right? I probably got the false impression because, at one point, I had java includes in the middle of the page making me think function X had to be at the end. I'll definitely try this when I get home.

vasilenicusor Over a year ago

To avoid situation like this use something like this $("selector").on("click", function); or $("selector").on("click", function(){ ....});

Collectives™ on Stack Overflow

Javascript Post inside a function

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related