html><html><head lang="en"> <meta charset="UTF-8"> <title>title>
<style> //给分页节点添加点样式 *{margin:0;} ul{height:400px;width:800px;margin:0 auto;} .page{width:800px;height:30px;margin:0 auto;} li{font-size: 14px;} span{padding:0 2px;cursor:pointer;} .inline{background:#009999;color:#fff;} .inline:hover{color:#006600;text-decoration: underline;}style> <script type="text/javascript" src="jquery-1.8.3.min.js">script>head><body>
//获取表的函数
$pagenum=ceil($count_array['count(*)']/10);//获取表的函数
for($i=1;$i<=$pagenum;$i++)//生成制作分页的DOM
{ echo ' '.$i.'';}?>
<ul id="list">
ul><script type="text/javascript">
$(function(){ $.ajax({ type: "post",//传递方法
url: "phpToAJAX.php",//数据接口
dataType: "json",//接收格式
success: function(msg)//如果接收成功执行以下
{ var li="";
for(var i =0;ilength-1;i++)//这里是限定10个
{ li+=""
+msg[i]['title']+""
+msg[i]['content']+"...+msg[i]['id']+"' target='_blank'>详细"; } $("#list").html(li);
},
error:function()//如果接收不成功执行以下
{ console.log("链接错误") } }); }); $("span").click(function() //点击分页节点DOM的时候 提交ajax 来重新获取数据{ var index=$("span").index(this); $("span").eq(index).addClass("inline").siblings().removeClass("inline"); $.ajax({ type: "post", url: "phpToAJAX.php", dataType: "json", data:{"index":index}, success: function(msg) { var li=""; for(var i =0;ilength;i++)//这里是限定10个 { li+=""
+msg[i]['title']+"上传时间："+msg[i]['createtime']+""
+msg[i]['content']+"...+msg[i]['id']+"' target='_blank'>详细"; //alert(msg.length) } $("#list").html(li); }, error:function(){ console.log("链接错误") } });})script>body>html>
5.点击上一步图中所示的“详细”链接，可查看对应的文章内容，新建phpArtcle.php文件
require_once("conn.php"); $id=$_GET['art'];//接收前端上传的数据//查询数据库对应的内容
$query=mysql_query("SELECT * FROM txt WHERE id='$id'") or die("文章错误：".mysql_error());//遍历数组，显示内容
if($rows=mysql_fetch_array($query)){ echo ""
.$rows['title'].""; echo "".htmlspecialchars_decode($rows['content'])."";}
------------------- 完毕 -----------------------
