php 无限滚动加载,无限滚动,_无限滚动加载数据问题，无限滚动

无限滚动加载数据问题

做移动端程序的时候，经常会遇到无限滚动的功能，通常实现无限滚动的方式是页面滚动到底部后出发一个ajax请求，后端返回数据然后动态追加DOM，但是如果DOM结构很复杂，追加的时候拼接HTML会很复杂，比如之前做过的一段程序，如下：

$.each(response.data, function(key, task){

var html = '

html += '

html += '';

html += '

html += '';

html += task.user_nickname;

html += '';

html += task.category_name

html += '';

html += '

html += task.city

html += '

html += '';

html += '

html += '';

html += '截止时间:' + task.deadline

html += '';

if (task.openid == openid) {

html += '';

html += '删除';

html += '';

}

if (task.is_expired == 1) {

html += '';

html += '已过期';

html += '';

}

html += '

';//

html += '

$('.task-container').append(html);

});

对于这种HTML结构封装的时候必须得非常小心，如果漏掉了某个标签，造成标签未闭合，很可能就造成整个页面样式错乱(自己都觉得这段代码太烂了)。

对于这种情况，大家有什么比较方便的方法么？

php 无限滚动加载,无限滚动,_无限滚动加载数据问题，无限滚动 - phpStudy相关推荐

pe如何自动加载外置工具_如何自动加载网站的深色模式？
深色模式时代已经来临现在有一种新的趋势 - 把东西变黑.过去,你必须决定你的网站的风格(亮或暗)或者必须保存用户自己定义的主题风格. Safari 12.1 ( macOS 10.14.4自带) 增 ...
java打印已经被加载的类_使用URLClassLoader加载类，不会报错，但被加载类中的内容也没有打印出来...
被加载类和加载类的程序在一个文件夹下: 运行没有任何结果: D:java_exercise>javac URLTest.java D:java_exercise>java URLTest ...
java加快页面加载速度方法_关于页面加载速度优化的11种方法
1.合并js和css文件将js和css分别合并到一个共享文件,这样不仅能够简化代码,而且在执行js文件是,如果js文件较多,就需要多次向服务器请求数据,这样将会延长加载速度,将js文件合并在一起,减 ...
一加7pro电脑模式_谈谈一加7 Pro的几个小功能虽然简单但很实用
虽然很多人买一加7 Pro就是冲着它的屏幕和处理器来的,90Hz的2K AMOLED屏确实独此一家,高通骁龙855配12GB内存也很厉害.不过用过了一加7 Pro的人可能才知道,这款手机在一些细节方面 ...
python1加到100总和_从1加到一百总和是多少？有什么公式吗？
展开全部总和是5050.32313133353236313431303231363533e4b893e5b19e31333365663434 从数字1到数字100的所有数字构成首项为1,公差为1的等 ...
C语言界面列表的滑动效果,jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)...
本文实例讲述了jQuery+ajax实现滚动到页面底部自动加载图文列表效果.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/ ...
小程序：区域滚动、下拉刷新、上拉加载更多
一.简介开发环境:小程序.uniapp 实现功能:列表页面实现,区域滚动.下拉刷新.上拉加载更多,效果如图: 正常: 下拉刷新: 上拉加载: 二.实现 2.1.代码 <scroll-view ...
android中常用的下拉刷新加载更多_如何设计“加载流程”
为什么要处理"加载"状态在页面拉取数据.或提交某些数据时,需要一定的时间来等待服务端返回结果.如果不处理加载,用户可能会看到一片空白,以为你的软件出错:或者因没有建立心理预期,被 ...
小程序本地图片偶尔加载不出来_小程序优化的20中策略
体验评分是一项给小程序的体验好坏打分的功能,它会在小程序运行过程中实时检查,分析出一些可能导致体验不好的地方,并且定位出哪里有问题,以及给出一些优化建议. 使用流程: 1.打开开发者工具,在详情里切换 ...
单机大天使服务器端修改商店,《大天使之剑h5》变态单机版最新开服_无限钻石打造最强阵容_满V公益私服...
原标题:<大天使之剑h5>变态单机版最新开服_无限钻石打造最强阵容_满V公益私服 <大天使之剑>www.74uw.com 要想玩好一个游戏,开局是非常重要的,只有少走点弯路,才 ...

php 无限滚动加载,无限滚动,_无限滚动加载数据问题，无限滚动 - phpStudy

php 无限滚动加载,无限滚动,_无限滚动加载数据问题，无限滚动 - phpStudy相关推荐

最新文章

热门文章