php實現點擊加載更多的方法:首先新建index.php并引入jQuery庫;然后新建“connect_sql.php”;最后修改index.php里的js腳本即可。
本文操作環境:Windows7系統、PHP7.1版,DELL G3電腦
php怎么實現點擊加載更多?
jQuery+PHP實現點擊按鈕加載更多,不刷新頁面加載更多數據!附:可用源碼+demo
先上效果:
剛打開頁面的時候,只顯示部分數據,點擊加載更多的時候,就會加載我們預先定義的加載數量顯示出來!當數據庫里面的所有數據都顯示出來,就提示全部加載了!
新建index.php
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>jQuery+php實現點擊按鈕加載更多</title><style>*{margin:0;padding:0;list-style:none;}a{color:#333;text-decoration:none;}.hidden{display:none;}.content{width:300px;height:auto;margin:0auto;overflow:hidden;text-align:left;background:#fff;padding:5px;}.contentul.list{overflow:hidden;}.contentul.listli{width:300px;height:auto;margin:5px;float:left;overflow:hidden;text-align:center;}.content.more{overflow:hidden;padding:10px;text-align:center;}.content.morea{display:block;width:120px;padding:8px0;color:#fff;margin:0auto;background:#333;text-align:center;border-radius:100px;font-size:15px;}.content.morea:hover{text-decoration:none;background:red;color:#fff;}</style></head><body><!--代碼部分begin--><pclass="content"><pclass="hidden"><?php//獲取數據require_once("connect_sql.php");?></p><ulclass="list">數據加載中,請稍后...</ul><pclass="more"><ahref="javascript:;"onClick="loadding.loadMore();">點擊加載更多</a></p><br/></p><scriptsrc="jquery.min.js"></script><script>var_content=[];//臨時存儲li循環內容varloadding={_default:3,//默認個數_loading:3,//每次點擊按鈕后加載的個數init:function(){varlis=$(".content.hiddenli");$(".contentul.list").html("");for(varn=0;n<loadding._default;n++){lis.eq(n).appendTo(".contentul.list");}for(vari=loadding._default;i<lis.length;i++){_content.push(lis.eq(i));}$(".content.hidden").html("");},loadMore:function(){varmLis=$(".contentul.listli").length;for(vari=0;i<loadding._loading;i++){vartarget=_content.shift();if(!target){$('.content.more').html("<pstyle='color:#f00;'>已加載全部...</p>");break;}$(".contentul.list").append(target);}}}loadding.init();</script><!--代碼部分end--></body></html>上面是頁面的布局,其中內嵌了php代碼,這部分的代碼其實就是查詢數據庫并輸出數據庫的所有數據。注意,index.php里面需要引入jQuery庫,jquery.min.js自己可以去網上下載這個壓縮版的。我把php代碼全部用一個獨立文件connect_sql.php寫,然后通過
<?php//獲取數據require_once("connect_sql.php");?>直接引入到index.php中
新建connect_sql.php
<?php//頁面字符編碼header("Content-type:text/html;charset=utf-8");//隱藏報錯信息error_reporting(E_ALL^E_NOTICE^E_WARNING);//數據庫地址$host="localhost";//數據庫賬號$username="root";//數據庫密碼$password="root";//數據庫名$db="loadMore";//數據庫表名$tb="list";//連接數據庫$con=MySQL_connect($host,$username,$password);if(!$con){die('連接數據庫失敗,失敗原因:'.mysql_error());}//設置數據庫字符集mysql_query("SETNAMESUTF8");//查詢數據庫mysql_select_db($db,$con);//獲取數據$result=mysql_query("select*FROM$tbORDERBYidASC");while($row=mysql_fetch_array($result)){echo"<li>".$row[title]."</li>";echo"<br/>";}?>connect_sql.php就是簡單的數據庫查詢并輸出,但是輸出的內容必須是套在<li></li>里面的。當然如果你想套在其他的標簽里,那就在index.php里的js腳本里面自己改。
下面是數據庫:
數據庫賬號,密碼,地址這個根據自己的開發配置填,我的代碼里面,數據庫名為loadMore,表名為list
下面是結構截圖:
Ok就這么多了
很簡單吧!
到此,相信大家對“php實現點擊加載更多的方法”有了更深的了解,不妨來實際操作一番吧!這里是本站網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
五個經濟特區指的是深圳、珠海、汕頭、廈門、海南。深圳、珠海、汕頭、廈門是中國最早實行對外開放政策的四個經濟特區，1988設立了海南經濟特區，所以我國共有五個經濟特區。五個經濟特區有哪幾個2010年5月，中央正式批準霍爾果斯、喀什設立經濟特區，在五個經濟特區的基礎上額外新增加了兩個，我國經濟特區變為7個。1979年7月，中央在深圳、珠海、汕頭、廈門試辦出口特區，1980年這四個出口特區改稱為經濟特區...
(資料圖片僅供參考)在生活中，很多人都不知道fff團是什么意思有何梗是什么意思，其實他的意思是非常簡單的，下面就是小編搜索到的fff團是什么意思有何梗相關的一些知識，我們一起來學習下吧！fff團全名為“異端審問會·FFF團”，原出自動漫《笨蛋·測驗·召喚獸》。是一個以“燒死異端——異性戀”（在這里可以理解為沒有女友的男性對有女朋友的男性敵意）為目標的團體，主要口號是“燒！”。之后在作為《笨蛋·測驗...
德馬克指標是什么意思?托馬斯德馬克(德馬克)是道明系列指標的創始人。TD指標之間約有70種，其中一個應用最廣泛的是TD序列和TD組合。TD序列由價格反轉、TD結構、TD計數三部分組成。TD組合和TD序列基本類似，只是計數部分有些區別。相對來說，TD組合的計數條件有一定的差異。相對來說，TD組合的計數條件更為嚴格。TD趨勢線有兩種:一種是TD買入結構的TD趨勢阻力線;一種是TD賣出結構的TD趨勢支撐...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）