PHP的Ajax请求取代了div

Question

我想从输入字段中获取文本，使用Ajax获取文本，将其发送到PHP，然后在div内的页面上显示。

问题在于div，一旦输入了文本，则第二次替换它。

PHP：

<?php
$input = $_GET['input'];
echo "<div class='input'><strong>You:</strong><p> $input </p></div>"
?>

编辑：澄清...

我有一个文本字段（我们将其称为1）和一个div（我们将其称为两个）。

我将键入1的文本通过AJAX发送到PHP文件。 现在，我再次使用Ajax从PHP提取文本，并将其显示在2上。 当我再次执行此操作时，已经在2中处理的文本将被删除，并被较新的文本替换。 而且我不要他们。 我希望新文本显示在旧文本下方，依此类推...

Answer 1

当前，您的代码用ajax调用的结果替换了'text' text'div的全部内容：

document.getElementById('text').innerHTML = xmlhttp.responseText;

相反，请附加结果以保留先前的内容：

document.getElementById('text').innerHTML += xmlhttp.responseText;

编辑：基于原始代码的快速示例http://jsfiddle.net/vRSB3/