前端:兄弟你把数据分页返回给我就行。我自己处理页面。后端:兄弟。好的。哈哈。
这种(这种肯定是最好的,前后都笑哈哈的。各管各的);
但是:溘然有一天,我跳槽了。进入了一家外包公司。老板:赶紧几下给我做出来,我要进度,我须要功能。赶紧,抓紧点。如果后端溘然是新手,前端js可能刚开始有点不熟习。那且不是很尴尬。(开玩笑的,但是这种情形一样平常都很少,一样平常后端都会前真个js和html);
很多外包公司都是为了追求速率:
当时我就碰着这种情形。由于当时用的是thinkPHP,前端页面就手机。便是用户看列表的时候,数据可以往下拉无限加载所有数据,也便是所谓的瀑布流。当时我就想用个字符串拼接就行了。老板是搞技能的,他说弗成,这里必须要用插件(好强势的觉得)。用撒了?infinite-scroll插件。各位可以去百度下。
首先开始如何利用了:
首先网页头引入jQuery 和infinite-scroll插件。不阐明,jq肯定要放在前面。
由于用的thinkphp,以是前端我肯定便是volist或者foreach循环数据了。(什么volist和foreach都不懂,该打屁股了。)。
做事端,肯定用了分页类。到时候复制分页代码,然后输出到前端。但是有个。一定要把数据的总页数发送给前端。$this->maxPage = 5;前端 $maxpage 便是须要的总页码数。
注:在实际中 #navigation 和 #navigation a 是隐蔽的哟。maxpage 便是刚才穿的那个总页码。不然的话会导致数据加载非常。
也可以添加其他属性。比如,手机滚动下离最下面间隔多少像素值就可以加载下个页面内容了
extraScrollPx: 50, 等等,还有其他很多属性,比如加载的时候添加动画,大家可以自行百度下 这个插件的利用。
末了总结: 实在我以为这个分页不好,只是大家学习下,我以为异步要求分页比较好的。特殊是现在用了很多的前真个js其他类库,处理数据起来更6了。
最好还是前后分离开。分页发送数据,前端处理最完美了。
(逐日一更,偶尔周末安歇,多谢大家支持。)