码迷,mamicode.com
首页 > Web开发 > 详细

关于web前端的MVC思想(二)——数据分开多次获取|jsonp

时间:2017-02-18 18:28:35      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:它的   产品   底部   web   方案   部分   网购   清单   hunk   

有可能会有这种情景,数据量很大,而且都是图片,那么如果一次性加载会导致页面浏览速度非常缓慢,对服务器也会造成流量方面的压力,或许那么多的数据对于用户来说并非都是被需要的,用户只需要其中的一部分。

那么这时候有种解决方案,就是一次只加载一部分数据,等到用户有更多的数据需求时再加载其它的部分,最后的效果的话类似网购搜索产品时,长长的产品清单拉到底部再另外加载一样。

下面用简单的js代码说明。

var _chunks=[];
var _chunkNum=0;

/* 回调函数 */
function cb(data) {
    // 存储数据
    _chunks[_chunkNum]=data;
    updateView()
}
/* 更新视图方法 */
function updateView(){
    if (需要加载更多的数据) {
        reqInBatch(num)
    }
}
/* 请求数据方法 */
function reqInBatch(chunkNum){
    _chunkNum=chunkNum;
    // ...发送请求
}

 

关于web前端的MVC思想(二)——数据分开多次获取|jsonp

标签:它的   产品   底部   web   方案   部分   网购   清单   hunk   

原文地址:http://www.cnblogs.com/fosonmeng/p/6413614.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!