我正在做这个项目，试图创建一个简单的网站，用户可以在其中输入信息，然后在不同的页面上显示相同的信息。
我正在使用 JQuery 刷新页面并加载新内容，使用 MySQL 存储信息，使用 PHP 插入和检索该信息。
我现在遇到的问题是我正在使用 Javascript 来更新页面和 .fadeIn 数据，但目前它只是淡出并淡入所有数据。我想要它做的是保持当前数据相同，并且只淡入新数据。
这是我的 JQuery 函数：
<script type="text/javascript">
$(document).ready(function() {
var refreshId = setInterval(function() {
$("#responsecontainer").fadeOut('fast').load('output.php');
}, 3000);
$.ajaxSetup({ cache: false });
});
</script>
这是我的名为“output.php”的PHP：
<?php include_once('db_connect.php'); ?>
<?php include_once('input.php'); ?>
<?php
//query the database
$query = mysql_query("SELECT * FROM notes ORDER BY ID DESC");
//fetch the results / convert results into an array
while($rows = mysql_fetch_array($query)):
$title = $rows['notestitle'];
$text = $rows['notestext'];
?>
<div id="title">
<h1><?php echo "$title<br>"; ?></h1>
</div>
<div id="text">
<h2><?php echo "$text<br>"; ?></h2>
</div>
<?php endwhile; ?>
这是显示信息的页面的代码：
<?php include_once('db_connect.php'); ?>
<?php include_once('input.php'); ?>
<div id="header"></div>
<div id="responsecontainer">
<?php include_once('output.php'); ?>
</div>
让我知道您是否需要我提供其他任何内容，或者您是否不清楚。
谢谢你的时间。