首页栏目 JQuery异步展示

最新推荐文章于 2024-09-14 18:52:56 发布

咖喱姚

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量1.1k

点赞数

分类专栏： JQuery 文章标签： jquery function javascript list class table

本文链接：https://blog.csdn.net/yaolong77/article/details/4213598

版权

JQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这几天正在做一个系统的首页，之前也有做过，不过总结以往的经验感受，觉得之前用传统的方式做展示有一人缺点，那就是对于数据量比较大的系统或网站，首次访问系统时，加载数据的速度可能非常慢，即使在移动的内网跑也会如此，撇开J2EE应用首次访问本来就比较慢的因素，还有很大一部分原因是因为传输的速度影响。那么在数据加裁完成之前，用户看到的就是一块块的空白，这样用户体验就大打折扣。那么有什么方法可以针对此问题，改善用户的体验呢？我试了一下这个方法。

第一步：需要展示代码的位置，下面id为“toDoList”的标签里面即是接下来要展示的内容。

第二步：引入JQuery包：jquery.js（下面要用到）

第三步：编写JQuery脚本

$(document).ready(function() {

//负责从数据库中异步查找出信息并在页面展示的主题方法

loadToDoList('/trade','showloading1');

});

function replaceTemplate(obj, template){ var tmp = template; for (var p in obj){ var reg = new RegExp("{" + p + "}", "g"); tmp = tmp.replace(reg, obj[p] == null ? "" : obj[p]); } return tmp; }

</script>