$ .post - 尝试将文本框值回显到div

Question

我想在我在文本框中键入文本并单击该文本的按钮后出现在表单上方的div中但我不断收到php错误 undefined index: chattext

HTML:

<div class="chatdiv"></div>

<form id="chatform" action="chat.php" method="post">
<textarea name="chattext"></textarea>
<button>Send</button>
</form> 

CHAT.PHP

<?php
    echo $_POST['chattext'];
?>

JQUERY:

$(function () {

    $('button').on('click', function(e) {
        $.post('chat.php', $(this).serialize(), function(data) {
            $('.chatdiv').html(data); 
        });
        e.preventDefault();
    });

}); // end ready

Answer 1

你正在序列化button:

$(this).serialize()

不是形式.将其更改为:

$("#chatform").serialize()

为了将来参考,当您遇到这样的小问题时,请在网络下查看您的Web浏览器开发人员工具.它将显示正在向Web服务器发布的数据.