jquery ajax无刷新留言板与文章评论实例

<script type="text/javascript">

$(document).ready(function(){        //DOM的onload事件处理函数
$("#button").click(function(){          //当按钮button被点击时的处理函数
    postdata();                                      //button被点击时执行postdata函数
});
});

function postdata(){                             //提交数据函数
$.ajax({                                                 //调用jquery的ajax方法
    type: "POST",                                     //设置ajax方法提交数据的形式
    url: "ok.php",                                      //把数据提交到ok.php
    data: "title="+$("#title").val()+"&content="+$("#content").val()+"&classid="+$("#classid").val(),    //输入框writer中的值作为提交的数据

    success: function(msg){                 //提交成功后的回调，msg变量是ok.php输出的内容。
              //
     $("#div2").html(msg);                    //如果有必要，可以把msg变量的值显示到某个DIV元素中
  $("#div1").html("<font color='#ff0000'>Post OK</font>");
          
  $("#title_span").html("<input type='text' value='' name='title' id='title'/>");
  $("#content_span").html("<textarea name='content' cols='50' rows='10' id='content'></textarea>");     
    }

});
}

</script>
<div id="div1"></div>
<input type="hidden" value="<?php echo $_REQUEST['classid'];?>" name="classid" id="classid"/><br />
title:<span id="title_span"><input type="text" value="" name="title" id="title"/></span><br />
content:<span id="content_span"><textarea name="content" cols="50" rows="10" id="content"></textarea></span><br />
<input type="submit" name="button" id="button" value="提交" />
<hr />
<div id="div2">
<?php require "show_main.php";?>
</div>
<hr />

?>
<?php require "show_main.php";?>

?>

$page=isset($_GET['page'])?intval($_GET['page']):1; //这句就是获取page=18中的page的值，假如不存在page，那么页数就是1。
$num=10; //每页显示10条数据

require "conn.php";
mysql_select_db($database_lr, $lr);
/*
首先咱们要获取数据库中到底有多少数据，才能判断具体要分多少页，具体的公式就是
总数据库除以每页显示的条数，有余进一。
也就是说10/3=3.3333=4 有余数就要进一。
*/

$result=mysql_query("select * from blog where classid='$classid'");
$total=mysql_num_rows($result); //查询所有的数据

$url='show_main.php';//获取本页URL

//页码计算
$pagenum=ceil($total/$num); //获得总页数,也是最后一页
$page=min($pagenum,$page);//获得首页
$prepg=$page-1;//上一页
$nextpg=($page==$pagenum ? 0 : $page+1);//下一页
$offset=($page-1)*$num; //获取limit的第一个参数的值，假如第一页则为(1-1)*10=0,第二页为(2-1)*10=10。

//开始分页导航条代码：
$pagenav=$page."/".$pagenum."&nbsp;<B>&nbsp;".($total?($offset+1):0)."</B>-<B>".min($offset+10,$total)."</B> &nbsp;Total $total &nbsp;";

//第一页：
if($page==1) {
$pagenav.="First&nbsp;";
}
else
{$pagenav.="<a href=javascript:dopage('result','$url?classid=$classid&page=1');>First</a>&nbsp;";}
if($prepg) $pagenav.=" <a href=javascript:dopage('result','$url?classid=$classid&page=$prepg');>Prev</a>&nbsp;"; else $pagenav.=" Prev&nbsp;";
if($nextpg) $pagenav.=" <a href=javascript:dopage('result','$url?classid=$classid&page=$nextpg');>Next</a> "; else $pagenav.=" Next ";
if ($pagenum>$page){
 $pagenav.="&nbsp;<a href=javascript:dopage('result','$url?classid=$classid&page=$pagenum');>Last</a> ";
}
else{
 $pagenav.="&nbsp;Last";
}
$pagenav.="&nbsp;Total page $pagenum ";

//假如传入的页数参数大于总页数，则显示错误信息
if($page>$pagenum){
echo "Error : Can Not Found The page ".$page;
exit;
}

$info=mysql_query("select * from blog where classid='$classid' order by id desc limit $offset,$num"); //获取相应页数所需要显示的数据

if ($total>0)
{
 while($it=mysql_fetch_array($info)){
 echo $it['title']."&nbsp;(".$it['updatetime'].")";
 echo "<br>";
 echo $it['content'];
 echo "<br>";
 } //显示数据
 echo"<br>";
 echo $pagenav;//输出分页导航
}
else
{
 echo"No comment.";
}
?>
</div>