Json懒得加载图片

时间:2016-02-01 07:59:31

标签: javascript jquery json lazy-loading

我有这个Json文件

$.ajax('http://localhost/mediamonks-15-years-gritt-glamour-website/deploy/htdocs/api/folder/Leuke%20Mensen/images').then(response =>
    {
        var temp = [];
        for(var i = 0; i<response.length; i++){
            temp.push('http://d1ftcqzt8gr3o4.cloudfront.net/'+response.data[i].thumb);
        }
        this.thumbnails(temp);

        var images = response.data.map((data:IImageData) =>
        {
            return {
                big: 'http://d1ftcqzt8gr3o4.cloudfront.net/'+ data.big,
                thumb: 'http://d1ftcqzt8gr3o4.cloudfront.net/'+ data.thumb
            }
        });
        this.images(images);
    });

这就是我从API获取图像的方式

{{1}}

所以我的问题是:只获得10张图像的最佳方法是什么。我可以用代码做或者更好地更改api,以便将每10个图像包装到另一个对象中吗?

1 个答案:

答案 0 :(得分:0)

最常用的分页解决方案是使用startIndexcount。您必须更改服务并添加startIndex和count get参数。之后,你必须在查询结束时添加(我想你使用mysql)limit并传递startIndexcount变量。

限制功能以这种方式工作:limit 3, 7表示您希望从4到10获取行。