发表评论页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>jQuery - ajax无刷新保存例子</title>
</script>
<script language="JavaScript" type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
</head>
<body>
<div class="wrap">
<table width="400" border="0" align="center" cellpadding="3" cellspacing="1">
<tr>
<td width="50">用户名</td>
<td><input name="username" type="text" id="username" /></td>
</tr>
<tr>
<td>内容</td>
<td><textarea name="comments" id="comments"></textarea></td>
</tr>
<tr>
<td colspan="2"><input name="submit" id="submit" type="submit" value="提交" /></td>
</tr>
</table>
<p></p>
</div>
</body>
</html>
ajxa.js
$(document).ready(function(){ //DOM的onload事件处理函数
$("#submit").click(function(){ //当按钮button被点击时的处理函数
postdata(); //button被点击时执行postdata函数
});
});
function postdata(){ //提交数据函数
$.ajax({ //调用jquery的ajax方法
type: "POST", //设置ajax方法提交数据的形式
url: "comments.php", //把数据提交到comments.php
data: "username="+$("#username").val()+"&comments="+$("#comments").val(),
success: function(msg){ //提交成功后的回调
if (msg="ok"){
alert("回复成功！")
$("p").append($("#username").val()+"<br>"+$("#comments").val())
}else{
alert("回复失败！")
}
}
});
}
comments.php
<?php
require_once("../class.inc/mysql.class.php");
$writer=$_POST['username'];
$comments=$_POST[comments];
if($writer=""||$comments=""){
echo "error";
}else{
$db=new DB_MySQL();
$query=$db->query("insert into comments (username,comments) values($writer,$comments)");
echo "ok";}
?>
