我使用 sql 查询从
数据库中获取所有产品的列表（例如 100），然后我必须使用 foreach 循环从结果集中选择每一行以获取有关产品的更多信息（使用更多的 sql 查询），然后生成 html 进行显示。但是，在完成所有 100 个项目的整个 foreach 循环后，页面会恢复活动状态。（需要很长时间）。
我希望它就像有 100 个项目一样，当我加载页面时，视图应该像第一次加载一样......加载的那一刻，它会更新视图，并继续显示第二个正在加载，依此类推。
另外，当添加新的绿色背景并慢慢淡入默认白色背景时，它如何产生这种效果，表明它是刚刚添加的。
谢谢。
您需要将请求分解为几个。第一个请求呈现加载页面。从那里，您可以通过 AJAX 调用将 100 个产品作为 JSON 检索。然后，在 JavaScript 中循环访问检索到的项目，并一次请求一个详细信息（也通过 AJAX 调用）。在 AJAX 调用的成功处理程序中，将该项的详细信息数据插入到 DOM 中。如果使用jQuery，您将为新注入的元素访问多个淡入淡出和补间动画。
如果你想一个接一个地加载数据，你应该使用Ajax。
首先，您必须从数据库中获取数据并以 JSON 的形式传递。
在Javascript中，您可以获得JSON格式，而不是在循环时附加到表中。
你可以在这里看一个不完全你想要的例子。
您可以使用一些 jquery 动画来顺利加载数据。
从数据库加载数据 + ajax + php
您可以做的一件事就是获取基本列表，如果用户单击该行进行 ajax 调用，然后获取其余详细信息，这样您就可以管理负载，而不必同时获取所有行及其详细信息
您可以通过重复调用 ajax 调用某个特定的时间限制来使用 jquery 更新该部分来做到这一点。