php - 最佳实践ajax随机加载更多图像(内容)

Question

我在数据库中有 1000 张图像。在页面加载时，我随机显示 60 张图片，当用户滚动时，我通过 AJAX 请求添加 20 张图片。

第一种方法 我所做的是将所有图像加载到一个容器中，然后隐藏所有图像并显示 60 张第一张图像，然后滚动开始每 20 张显示一次。但问题是页面加载也全部显示无图像(所有 1k 图像)。

第二种方法 从数据库中随机加载 60 张图片。然后滚动加载额外的 20 张图片:

var id_array=[];
$('.items').each(function(index, element) {
    id_array.push($(this).data('id'));
});

$.post("request.php", {
    send:  "true",
    json:JSON.stringify(id_array),
    }, function(response) {
        add_content(response);
    });

我遍历所有图像以获取它们的 ID，然后将 json 发送到 php 以执行 SQL 查询:

SELECT * FROM table WHERE id NOT IN (json, ids, right,here) ORDER BY rand() LIMIT 20

问题是如果屏幕上有 1000 张图像并添加更多图像，则

WHERE id NOT IN (1000, items)

会很慢，对吧？

我该如何提高这种性能，因为它有时会滞后并且显然没有经过优化？

Answer 1

我不知道这是否是最佳做法，但我考虑过将图像路径提取到数组中，对其使用 shuffle() 并将其存储在 session 变量中。然后，您可以使用 array_slice() 为每个后续请求返回它的一部分。