php - $.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> 

聊天.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

您正在序列化按钮:

$(this).serialize()

不是表格。将其更改为:

$("#chatform").serialize()

为了便于将来引用，当您遇到此类小问题时，请查看网络下的网络浏览器开发人员工具。它将向您显示哪些数据正在发布到网络服务器。