хорошо, тогда помогите вот с моим примером......в общем я уже чуток сделал......работает не совсем правильно, выводятся записи из базы, когда в поле что то пишу и нажимаю сабмит то вместо того что бы запись выводялась после остальных записей она выводится вместо них......тоесть все записи пропадают и вместо них выводится то что мы только что добавили.......когда перезагружаю страницу полностью то тогда она уже добавлена после остальных......вот мой код:
файл index.php
<?php include("connect.php"); ?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Отправка формы Ajax</title>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script type="text/javascript" src="ajax.js"></script>
</head>
<body>
<form action="SendData.php" method="post" id="myform">
<input type="text" name="mydata" id="mydata" />
<input type="button" onclick="send();" value="Отправить" />
</form>
<div id="result">
<?php
$result = mysql_query("SELECT * FROM tabletest") or die (mysql_error());
$comment = mysql_fetch_assoc($result);
//$var_dump($comment);
//echo $comment['mess'];
while($comment = mysql_fetch_array($result)){
echo $comment['mess'].'<br>';
}
?>
</div>
</body>
</html>
файл SendData.php
<?php
include("connect.php");
$data = $_POST['data'];
if(empty($_POST['submit'])) {
$result = mysql_query("INSERT INTO tabletest (mess) VALUES ('{$data}')") or die (mysql_error());
}
?>
файл ajax.js
function send() {
//Получаем параметры
var data = $('#mydata').val()
// Отсылаем паметры
$.ajax({
type: "POST",
url: "SendData.php",
data: "data="+data,
// Выводим то что вернул PHP
success: function(html) {
//предварительно очищаем нужный элемент страницы
$("#result").empty();
//и выводим ответ php скрипта
$("#result").append(data);
}
});
}