CODEWITHSUNDEEP
jqueryajax
thank_you
thank_you

Reputation: 11107

jQuery Post Button

I created a simple ajax call with jQuery but whenever I press the button to Submit I'm returned with nothing. It's odd. I see no errors on Firebug. The ajax file does exist. I'm at a lost with what is wrong with it. 

<script type="text/javascript" >

$('#post').click( function () {
var user_id = 1;
var receiver = 3;
var message = $('#message').val();
var the_type = $('#hidden').val();
    $.post('ajax_posting.php', 
    {
    user_id : user_id,
    receiver : receiver,    
    the_type : the_type,
        message : message   
    }, 
    function(data){
    $(data).appendTo('#response');}
    )});    

</script>




<form method="post">

    <input type="hidden" id="hidden" value="asdf" />

    <textarea id="message"></textarea>

    <input type="button" id="post"  value="Submit"/>

</form>

<div id="response"></div>

Upvotes: 0

Views: 378

Answers (1)

Musa
Musa

Reputation: 97672

You may be try to set your handler before the element is created, to ensure your dom is loaded before you set the handler wrap it in a $(document).ready

Also you'll need to prevent the form from submitting use event.preventDefault()

$(document).ready(
    $('#post').click( function (event) {
        var user_id = 1;
        var receiver = 3;
        var message = $('#message').val();
        var the_type = $('#hidden').val();
        $.post('ajax_posting.php', 
            {
                user_id : user_id,
                receiver : receiver,    
                the_type : the_type,
                message : message   
            }, 
            function(data){
                $(data).appendTo('#response');
            }
        );
        event.preventDefault()
    }); 
);

Upvotes: 3

Related Questions