javascript - web前端动态加载大量元素的方式最好是怎么实现
黄舟
黄舟 2017-04-10 15:26:17
[JavaScript讨论组]

有一个页面有一些动态加载的过程

一个是动态加载一个表单,用户点击增加既可以增加一个表单;另一个是动态加载查询结果表格,用户点击查询后,接受后端返回的数据然后动态增加到前端表格

现在的问题是,我知道可以用jQuery创建元素然后append进去,或者直接用.html()写入html语句,但是这样的增加很繁琐,有没有更加合适的实现,加载html片段可以么?

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(3)
怪我咯

我实现的一种办法: 把你需要添加的表单写到一个<script type="text/html" id="cost-template">//**html code </script> 然后追加的时候直接追加$("#form-template")。

黄舟

楼主的做法有什么繁琐之处了?
不过需要注意一些地方,比如有20条数据,最好是一次性全部生成好了html字符再用jQuery往网页中append。
在手机中一次性加载200条是不会感觉有什么延迟效果的,更何况电脑。

大家讲道理

angular,ember,avalon框架都比较适合这种场景

当然,如果你都不会的话,可以使用handlebar模板,也能简化操作.

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号