来自PHP的Ajax请求替换了div

Question

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

问题在于div，一次是文本，第二次，它取代了它。

Javascript&Ajax

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' div的全部内容：

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

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

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

修改： 基于原始代码http://jsfiddle.net/vRSB3/

的快速示例