Json懶加載圖像

Question

我有這個Json文件

http://localhost/mediamonks-15-years-gritt-glamour-website/deploy/htdocs/api/folder/Leuke%20Mensen/images

這就是我從API獲取圖像的方式

$.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);
    });

所以我的問題是：什么是只獲取10張圖像的最佳方法？ 我可以只使用代碼嗎，還是最好更改API，以便將每10張圖像包裝到另一個對象中？

Answer 1

分頁最常用的解決方案是使用startIndex和count 。 您必須更改服務並添加startIndex並計數get參數。 之后，您必須在查詢的末尾添加（我想您使用mysql） limit並傳遞startIndex和count變量。

限制功能以這種方式工作： limit 3, 7表示您希望將行從4擴展到10。