나는이 프로젝트에서 사용자가 동일한 정보가 표시된 다른 페이지에 정보를 입력 할 수있는 간단한 사이트를 만들려고 노력하고 있습니다.fadeIn mysql 테이블의 새 데이터 만 모든 데이터가 아닙니다.
JQuery를 사용하여 페이지를 새로 고치고 새로운 콘텐츠를로드하고, MySQL에 정보를 저장하고, PHP에서 해당 정보를 삽입 및 검색합니다.
내가 지금 가지고있는 문제는 페이지와 .fadeIn 데이터를 업데이트하기 위해 Javascript를 사용하고 있지만 현재는 모든 데이터에서 페이드 아웃 및 페이드 아웃 중입니다. 내가하고 싶은 것은 현재의 데이터를 동일하게 유지하고 새 데이터 만 사라지게하는 것입니다.
다음<script type="text/javascript">
$(document).ready(function() {
var refreshId = setInterval(function() {
$("#responsecontainer").fadeOut('fast').load('output.php');
}, 3000);
$.ajaxSetup({ cache: false });
});
</script>
내 PHP는 'output.php'라고 : 여기
내 JQuery와 함수이다<?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>
내가 다른 것을 제공해야하거나 뭔가 명확하지 않은 경우 알려주십시오.
감사합니다.
당신 쿼리이 간단한 쿼리는 모든 데이터를 선택합니다. SELECT * FROM notes ORDER BY ID DESC는 새로운 행이 아닌 테이블의 모든 데이터를 리턴합니다. 그러나 나는 이것이 MySQL 질문이라고 생각하지 않는다. jQuery가 아마도 더 많을 것이다. – Namphibian
모든 데이터를 선택할 수 있어야합니다. 그래서 jQuery를 사용하여 페이지를 새로 고침하여 자동으로 새 데이터를 추가합니다. 새로 고침은 정상적으로 작동하지만 새로운 데이터 만 페이드 인 할 수 있기를 원하며 현재 모든 데이터가 페이드되고 있습니다. – dalton