首页 > 代码库 > 关于web前端的MVC思想(二)——数据分开多次获取|jsonp

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

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

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

下面用简单的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