无刷新评论
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>无刷新评论</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<p>我的第一个帖子</p>
<table id="con">
<tr>
<td>匿名</td>
<td>沙发</td>
</tr>
</table>
<br><br><br><br><br><br>
<input type="text" id="title"><br><br>
<textarea id="txtBody"></textarea><br>
<input type="button" value="发表评论" id="btnPost"><br>
<script type="text/javascript">
$(function(){
$("#btnPost").click(function(){
var title=$("#title").val();
var body=$("#txtBody").val();
var tr=$("<tr><td>"+title+"</td><td>"+body+"</td></tr>");
$("#con").append(tr);
$("#title").val("");
$("#txtBody").val("");
});
})
</script>
</body>
</html>
