這篇文章主要介紹“怎么用PHP+Ajax實(shí)現(xiàn)點(diǎn)擊加載更多列表數(shù)據(jù)”,在日常操作中,相信很多人在怎么用PHP+Ajax實(shí)現(xiàn)點(diǎn)擊加載更多列表數(shù)據(jù)問(wèn)題上存在疑惑,小編查閱了各式資料,整理出簡(jiǎn)單好用的操作方法,希望對(duì)大家解答”怎么用PHP+Ajax實(shí)現(xiàn)點(diǎn)擊加載更多列表數(shù)據(jù)”的疑惑有所幫助!接下來(lái),請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧!
網(wǎng)站制作、成都網(wǎng)站制作介紹好的網(wǎng)站是理念、設(shè)計(jì)和技術(shù)的結(jié)合。成都創(chuàng)新互聯(lián)公司擁有的網(wǎng)站設(shè)計(jì)理念、多方位的設(shè)計(jì)風(fēng)格、經(jīng)驗(yàn)豐富的設(shè)計(jì)團(tuán)隊(duì)。提供PC端+手機(jī)端網(wǎng)站建設(shè),用營(yíng)銷思維進(jìn)行網(wǎng)站設(shè)計(jì)、采用先進(jìn)技術(shù)開(kāi)源代碼、注重用戶體驗(yàn)與SEO基礎(chǔ),將技術(shù)與創(chuàng)意整合到網(wǎng)站之中,以契合客戶的方式做到創(chuàng)意性的視覺(jué)化效果。一款簡(jiǎn)單實(shí)用的PHP+Ajax點(diǎn)擊加載更多列表數(shù)據(jù)實(shí)例,實(shí)現(xiàn)原理:通過(guò)“更多”按鈕向服務(wù)端發(fā)送Ajax請(qǐng)求,PHP根據(jù)分頁(yè)參數(shù)查詢將最新的幾條記錄,數(shù)據(jù)以JSON形式返回,前臺(tái)Query解析JSON數(shù)據(jù),并將數(shù)據(jù)追加到列表頁(yè)。其實(shí)也是Ajax分頁(yè)效果。
html代碼:
引入jQuery插件和jquery.more.js加載更多插件:
$(function(){ $('#more').more({'address': 'data.php'}) });
data.php接收前臺(tái)頁(yè)面提交過(guò)來(lái)的兩個(gè)參數(shù),$_POST['last']即開(kāi)始記錄數(shù),$_POST['amount']即單次顯示記錄數(shù),看SQL語(yǔ)句就明白,其實(shí)就是分頁(yè)中用到的語(yǔ)句。
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['title']."", 'author' => $row['id'], 'date' => date('m-d H:i', $row['addtime']) ); } echo json_encode($sayList);
到此,關(guān)于“怎么用PHP+Ajax實(shí)現(xiàn)點(diǎn)擊加載更多列表數(shù)據(jù)”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí),請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司網(wǎng)站,小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章!