jquerypost按钮

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

$（'#post'）。单击（函数（）{
var user_id=1；
var接收器=3；
var message=$（'#message'）.val（）；
var the_type=$（'#hidden'）.val（）；
$.post（'ajax\u posting.php'，
{
用户标识：用户标识，
接受者:接受者,，
_类型：_类型，
信息：信息
}, 
功能（数据）{
$（数据）.appendTo（“#response”）；}
)});    

您可以尝试在创建元素之前设置处理程序，以确保在设置处理程序之前加载dom，并将其包装到$（文档）。准备好了吗

您还需要防止表单提交use

event.preventDefault（）

---

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

您还需要防止表单提交use

event.preventDefault（）

---

绑定到表单的submit事件而不是按钮的click事件可能会更好地防止默认行为，如果用户按enter键或其他什么键，它就会工作。我尝试了键入按钮和键入提交两种方法，但仍然没有收到任何结果。@jason328

ajax\u posting.php

send back？绑定到表单的提交事件而不是按钮的单击事件可能会更好地防止默认行为，如果用户按enter键或其他什么键，它就会工作。我尝试了键入按钮和键入提交两种方法，但仍然没有收到任何结果。@jason328

ajax\u posting.php

send back是什么？

$(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()
    }); 
);