jquery - jQuery 发布按钮

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

您可能会尝试在创建元素之前设置处理程序，以确保在设置处理程序之前加载您的 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()
    }); 
);