这里我有一个提交评论的表单,.disp
div
显示注释和ajax代码,用于将数据发送到comments.php,后者将数据插入数据库。这里ajax代码发送数据但没有prepends
实时评论。我必须刷新页面才能看到评论。意味着插入了数据,但只有实时显示评论不起作用。包含jQuery库。
<form method='post' name='form' action=''>
<input type='text' name='comment' id='comment' placeholder='Write a comment....' /><br />
<input type='submit' name='submit' id='submit' />
</form>
<div class='disp'>
<table>
<tr>
<td>
<img src='<?php echo $row['pic']; ?>'/>
</td>
<td>
<a href='<?php echo $row['username']; ?>'><?php echo $row['name'] ?></a>
<p><?php echo $row['comment']; ?></p>
</td>
</tr>
</table>
</div>
$(function() {
("#submit").click(function(e) { e.preventDefault();
var comment = $("#comment").val();
var post = '<?php echo $postid ?>';
var dataString = 'comment=' + comment + '&post=' + post;
if (comment == '') {
alert('Please Give Valid Details');
} else {
$.ajax({
type: "POST",
url: "comment.php",
data: dataString,
cache: false,
success: function(html){
error: function(xhr, status, error) { var err = eval("(" + xhr.responseText + ")"); console.log(err.Message); }
$(".disp").prepend(html);
}
});
}
return false;
});
});