穿越風(fēng)的感覺
2016-01-21 15:39:06
比如有二十張圖片,一開始顯示出來五張,最下方顯示加載更多按鈕。點(diǎn)一下加載更多,就在原來基礎(chǔ)上再顯示五張圖片。這是怎么弄得呀,希望大家可以告訴我一下。謝謝。
3 回答
已采納

堂堂堂堂糖糖糖童鞋
TA貢獻(xiàn)101條經(jīng)驗(yàn) 獲得超58個(gè)贊
動(dòng)態(tài)加載:需要用到的前端技術(shù)有ajax,jQuery(js)
具體實(shí)現(xiàn),
首先從數(shù)據(jù)庫加載相關(guān)的20張圖片路徑,然后放到標(biāo)簽中顯示(可以通過分頁的方式)
其次就是記載更多了,頁面無刷新,通過jQuery,為按鈕追加點(diǎn)擊事件,觸發(fā)ajax操作,
//可以是這樣? $.ajax({ ????請求路徑
????method:"post",//請求方式
????data:{"times":times,"count":count},//請求參數(shù) ????dataType:"json",//返回?cái)?shù)據(jù)類型 ????success:function(data)?{ ????????//通過jQuery追加數(shù)據(jù)到末尾就行了 ????} })
data:{"times":times,"count":count}解析:times為第幾次獲取數(shù)據(jù),count為要獲取的數(shù)量
到數(shù)據(jù)庫就是這樣的查詢select * from _picture limit (20+(times-1)*count), count,(mysql中),只寫了關(guān)鍵的語句,把返回的數(shù)據(jù)通過jQuery操作就行了,如果不行的話,再問我!

從此蛻變
TA貢獻(xiàn)5條經(jīng)驗(yàn) 獲得超3個(gè)贊
var?dataInt_0={'data':[{'src':'1.jpg'},{'src':'2.jpg'},{'src':'3.jpg'},{'src':'4.jpg'},{'src':'5.jpg'}]};? var?dataInt_1?=?... $('body').on('click','body',function(){ ????$.each(dataInt.data,?function(index,?value){ ????????$('<img>').attr('src','./images/'?+?$(?value).attr(?'src')?).appendTo($(body)); ????}); });
添加回答
舉報(bào)
0/150
提交
取消