jquery function not working onClick?

Question

i have a jquery script:

    $.get('php/username.php', { username: userName },
    function(data){
        var get_back = data;
        alert(get_back);
    });

what happes is that if i run it in firebug console it works, but if i add it inside a click function, it doesnt:

$(document).ready(function(){
$("#btnLogout").click(function () {
    $.get('php/username.php', { username: userName },
    function(data){
        var get_back = data;
        alert(get_back);
    });
});
});

html

<p><input type="submit" name="btnLogout" id="btnLogout"  value="Logout" class="page"/></p>

i don't understand.

thanks

Can you post your HTML markup? And make sure you attach the click handler once the DOM is ready - perhaps in $(document).ready(); — no.good.at.coding
– no.good.at.coding, Commented Apr 8, 2011 at 22:47
Please see my updated answer - your type should be changed from submit to button unless you have compelling reason not to. — no.good.at.coding
– no.good.at.coding, Commented Apr 8, 2011 at 22:53

no.good.at.coding · Accepted Answer · 2011-04-08 23:04:34Z

2

Update

You're using an input of type submit - change it to type="button" instead - a submit button already has default functionality (when inside of a <form>) that you will need to stop by using event.preventDefault() and event.stopPropogation() - see below:

$(document).ready(function(){
    $("#btnLogout").click(function (e) {
        e.preventDefault(); //stop the submit event for the submit button
        $.get('php/get_username.php', { username: userName },
        function(data){
            var get_back = data;
            alert(get_back);
        });
    });
});

edited Apr 8, 2011 at 23:04

answered Apr 8, 2011 at 22:48

no.good.at.coding

20.4k2 gold badges63 silver badges51 bronze badges

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

1 Comment

Patrioticcow Over a year ago

$(document).ready(function(){ is there. still no difference

Hussein · Accepted Answer · 2011-04-08 22:47:43Z

2

Try $("#btnLogout").submit(function(){...}) instead

answered Apr 8, 2011 at 22:47

Hussein

42.9k25 gold badges115 silver badges143 bronze badges

2 Comments

Patrioticcow Over a year ago

.live doesn't seem to make a difference

Hussein Over a year ago

Since input is a submit, Try the submit() event handler. Check updated answer

Collectives™ on Stack Overflow

jquery function not working onClick?

2 Answers 2

1 Comment

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Related