关于web前端的MVC思想——数据分开多次获取｜jsonp

Posted 2020-08-31

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

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

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

var _chunks=[];
var _chunkNum=0;

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