我已经通过多个论坛和教程解释了如何动态加载数据。
我完全理解我需要通过php文件对数据库进行AJAX调用以获取数据异步。
使用select语句和order by以随机顺序加载图像,限制为12
例如SELECT * FROM images ORDER BY rand() LIMIT 12
我希望在用户滚动到页面底部时加载更多图像。
问题是如何确保图像不会被加载两次。我曾想过获取一个加载的图像数组并通过AJAX调用传递它然后执行适当的SQL语句然后选择另外3个图像" DISTINCT"从图像数组和所有加入的图像。
但我不确定如何将数组与SQL表进行比较。或者,如果这是解决问题的最佳方法。
要点:
图像表:1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16
以HTML格式加载的图片:1,3,4,5,6
当滚动到页面底部时,加载3个与HTML中加载的图像不同的随机图像。
SIDE注意:我更喜欢使用纯javascript而不是导入插件。
编辑:我有逻辑失误,它更多的是应用它,我正在努力。我应该提到我想使用哈希片段,所以我可以让google索引teh html快照,这将有效地加载所有图像。
答案 0 :(得分:0)
尝试将加载的图像保存在某处(会话,cookie,javascript),然后在条件中使用加载的图像数组,将它们从查询结果中排除。
SELECT * FROM images WHERE id_image NOT IN (1, 3, 4, 5, 6) ORDER BY rand() LIMIT 12