jQuery Post Button

Question

我用jQuery创建了一个简单的ajax调用，但每当我按下Submit按钮时，都会一无所获。这很奇怪。我在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

您可以尝试在创建元素之前设置处理程序，以确保在设置处理程序之前加载您的dom，并将其封装在$（document）.ready 中

此外，您还需要使用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()
    }); 
);