您好,登錄后才能下訂單哦!
這篇文章主要介紹“怎么用PHP+Ajax實現(xiàn)點擊加載更多列表數(shù)據(jù)”,在日常操作中,相信很多人在怎么用PHP+Ajax實現(xiàn)點擊加載更多列表數(shù)據(jù)問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”怎么用PHP+Ajax實現(xiàn)點擊加載更多列表數(shù)據(jù)”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
一款簡單實用的PHP+Ajax點擊加載更多列表數(shù)據(jù)實例,實現(xiàn)原理:通過“更多”按鈕向服務(wù)端發(fā)送Ajax請求,PHP根據(jù)分頁參數(shù)查詢將最新的幾條記錄,數(shù)據(jù)以JSON形式返回,前臺Query解析JSON數(shù)據(jù),并將數(shù)據(jù)追加到列表頁。其實也是Ajax分頁效果。
html代碼:
<div id="more"> <div class="single_item"> <div class="element_head"> <div class="date"></div> <div class="author"></div> </div> <div class="content"></div> </div> <a href="javascript:;" class="get_more">::點擊加載更多內(nèi)容::</a> </div>
引入jQuery插件和jquery.more.js加載更多插件:
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.more.js"></script> $(function(){ $('#more').more({'address': 'data.php'}) });
data.php接收前臺頁面提交過來的兩個參數(shù),$_POST['last']即開始記錄數(shù),$_POST['amount']即單次顯示記錄數(shù),看SQL語句就明白,其實就是分頁中用到的語句。
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' => "<a href='http://www.xxx.com/".$row['id'].".html' target='_blank'>".$row['title']."</a>", 'author' => $row['id'], 'date' => date('m-d H:i', $row['addtime']) ); } echo json_encode($sayList);
到此,關(guān)于“怎么用PHP+Ajax實現(xiàn)點擊加載更多列表數(shù)據(jù)”的學習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關(guān)知識,請繼續(xù)關(guān)注億速云網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。