生活 list.php,list.php
require_once 'config.php';
// 接收傳來(lái)的分類(lèi)id
$categoryId=$_GET['categoryId'];//3
// 查詢(xún)當(dāng)前分類(lèi)下的文章
// echo $categoryId;
// 連接數(shù)據(jù)庫(kù)
$connect=mysqli_connect(DB_HOST,DB_USER,DB_PWD,DB_NAME);
// 寫(xiě)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";
// 執(zhí)行sql 返回的是結(jié)果集
$postResult=mysqli_query($connect,$sql);
// 轉(zhuǎn)化成二維數(shù)組
$postArr=[];
while($row=mysqli_fetch_assoc($postResult)){
$postArr[]=$row;
}
// print_r($postArr);
?>
阿里百秀-發(fā)現(xiàn)生活,發(fā)現(xiàn)美!- 奇趣事
- 潮科技
- 會(huì)生活
- 美奇跡
<?php echo $postArr[0]['name'] ?>
<?php echo $value['title'] ?>
<?php echo $value['nickname'] ?> 發(fā)表于 <?php echo $value['created'] ?>
閱讀(<?php echo $value['views'] ?>)
評(píng)論(<?php echo $value['commentsCount'] ?>)
贊(<?php echo $value['likes'] ?>)
分類(lèi):<?php echo $value['name'] ?>
加載更多
? 2016 XIU主題演示 本站主題由 themebetter 提供
$(function(){
var currentPage=1;//第幾次
var id=location.search.split('=')[1];//當(dāng)前分類(lèi)id
// 加載更多綁定點(diǎn)擊事件
$('.loadmore .btn').on('click',function(){
// 點(diǎn)擊加載更多 請(qǐng)求第二次的十條數(shù)據(jù) 再點(diǎn)第三次。。。
// 發(fā)送ajax 拿到數(shù)據(jù) 渲染到頁(yè)面上
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){//一定成功了
// 循環(huán)數(shù)組 渲染頁(yè)面
var data=res.data;//數(shù)組
$.each(data,function(index,val){
// console.log(val) index是索引 val 是數(shù)組里面的每一項(xiàng) 他一篇文章
var str=`
${val.title}
${val.nickname} 發(fā)表于 ${val.created}
${val.content}
閱讀(${val.views})
評(píng)論(${val.commentsCount})
贊(${val.likes})
分類(lèi):${val.name}
`;
var entry=$(str);//把符合標(biāo)簽的字符串轉(zhuǎn)化成jq對(duì)象
// console.log(entry)
entry.insertBefore('.loadmore');//把這篇文章追加到 loadmore之前
})
// 判斷是否已經(jīng)是點(diǎn)擊的最后了
// 計(jì)算總共的次數(shù)
var maxPage=Math.ceil(res.pageCount/10);
if(maxPage==currentPage){//已經(jīng)點(diǎn)擊到最大了
// 如果是隱藏加載更多
$('.loadmore').hide();
alert('客官,已經(jīng)木有更多數(shù)據(jù)了。。。')
}
}
}
})
})
})
一鍵復(fù)制
編輯
Web IDE
原始數(shù)據(jù)
按行查看
歷史
總結(jié)
以上是生活随笔為你收集整理的生活 list.php,list.php的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 湖北职称计算机考试报名时间2016,湖北
- 下一篇: mysql和ORTHOMCL_Ortho