生活 list.php,list.php
require_once 'config.php';
// 接收傳來的分類id
$categoryId=$_GET['categoryId'];//3
// 查詢當前分類下的文章
// echo $categoryId;
// 連接數據庫
$connect=mysqli_connect(DB_HOST,DB_USER,DB_PWD,DB_NAME);
// 寫sql
$sql="select p.id,p.title,p.feature,p.content,p.created,
p.views,p.likes,u.nickname,c.name,
(select count(id) from comments where post_id=p.id ) as commentsCount
from posts p
left join categories c on c.id=p.category_id
left join users u on u.id=p.user_id
where p.category_id={$categoryId}
limit 10";
// 執行sql 返回的是結果集
$postResult=mysqli_query($connect,$sql);
// 轉化成二維數組
$postArr=[];
while($row=mysqli_fetch_assoc($postResult)){
$postArr[]=$row;
}
// print_r($postArr);
?>
阿里百秀-發現生活,發現美!- 奇趣事
- 潮科技
- 會生活
- 美奇跡
<?php echo $postArr[0]['name'] ?>
<?php echo $value['title'] ?>
<?php echo $value['nickname'] ?> 發表于 <?php echo $value['created'] ?>
閱讀(<?php echo $value['views'] ?>)
評論(<?php echo $value['commentsCount'] ?>)
贊(<?php echo $value['likes'] ?>)
分類:<?php echo $value['name'] ?>
加載更多
? 2016 XIU主題演示 本站主題由 themebetter 提供
$(function(){
var currentPage=1;//第幾次
var id=location.search.split('=')[1];//當前分類id
// 加載更多綁定點擊事件
$('.loadmore .btn').on('click',function(){
// 點擊加載更多 請求第二次的十條數據 再點第三次。。。
// 發送ajax 拿到數據 渲染到頁面上
currentPage++;
$.ajax({
type:"post",
url:"api/_getMorePost.php",
data:{
categoryId:id,
currentPage:currentPage,
pageSize:10
},
success:function(res){
console.log(res);
// {code: 1, msg: "操作成功", data: Array(10)}
if(res.code==1){//一定成功了
// 循環數組 渲染頁面
var data=res.data;//數組
$.each(data,function(index,val){
// console.log(val) index是索引 val 是數組里面的每一項 他一篇文章
var str=`
${val.title}
${val.nickname} 發表于 ${val.created}
${val.content}
閱讀(${val.views})
評論(${val.commentsCount})
贊(${val.likes})
分類:${val.name}
`;
var entry=$(str);//把符合標簽的字符串轉化成jq對象
// console.log(entry)
entry.insertBefore('.loadmore');//把這篇文章追加到 loadmore之前
})
// 判斷是否已經是點擊的最后了
// 計算總共的次數
var maxPage=Math.ceil(res.pageCount/10);
if(maxPage==currentPage){//已經點擊到最大了
// 如果是隱藏加載更多
$('.loadmore').hide();
alert('客官,已經木有更多數據了。。。')
}
}
}
})
})
})
一鍵復制
編輯
Web IDE
原始數據
按行查看
歷史
總結
以上是生活随笔為你收集整理的生活 list.php,list.php的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 湖北职称计算机考试报名时间2016,湖北
- 下一篇: mysql和ORTHOMCL_Ortho