jQuery Post Button

Question

我用jQuery创建了一个简单的ajax调用，但每当我按下按钮提交时，我都没有返回。这很古怪。我在Firebug上看到没有错误。 ajax文件确实存在。我迷失了它的错误。

<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>

Answer 1

您可能会尝试在创建元素之前设置处理程序，以确保在设置处理程序将其包装在$（document）.ready

之前加载dom。

此外，您还需要阻止表单提交使用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()
    }); 
);