PHP+Ajax點(diǎn)擊加載更多內(nèi)容實(shí)例
發(fā)布時(shí)間:2018-10-30 10:52:10
來(lái)源:CSDN博客
$(function(){
$('#more').more({'address': 'data.php'})
});
三、jQuery
require_once('connect.php');
$last = $_POST['last'];
$amount = $_POST['amount'];
$query = mysql_query("select * from article order by id desc limit $last,$amount");
while ($row = mysql_fetch_array($query)) {
$sayList[] = array(
'title' => ".$row['id'].".html' target='_blank'>".$row['title']."",
'author' => $row['id'],
'date' => date('m-d H:i', $row['addtime'])
);
}
echo json_encode($sayList);
五、jquery.more.js相關(guān)API
參數(shù) 描述 默認(rèn)值
amount 每次顯示記錄數(shù) 10
address 請(qǐng)求后臺(tái)的地址 -
format 數(shù)據(jù)傳輸格式 json
template html記錄DIV的class屬性 .single_item -
trigger 觸發(fā)加載更多記錄的class屬性 .get_more -
scroll 是否支持滾動(dòng)觸發(fā)加載 false
offset 滾動(dòng)觸發(fā)加載時(shí)的偏移量 100
六,截圖所示
七,源碼下載
鏈接: https://pan.baidu.com/s/1x5wRisLRxAIpuQUSkO0BOg
提取碼: qya7