div 内容的数据分页答案

【问题标题】：Data pagination for div contentdiv 内容的数据分页
【发布时间】：2022-01-20 19:44:15
【问题描述】：

各位，我需要你们的帮助，我才刚刚开始我的编程之旅。我为电子商务网站编写了一个代码，其中我有 div 行，每行包含 4 列，因为 div 列保存每个项目的数据。现在我确信这些行会很多，以便在网站上有足够的项目，但我需要它一次显示 10 或 12 个项目。我没有写任何关于分页的东西，因为我的 JavaScript 知识几乎没有。请问我需要你们的帮助吗？？？？

【问题讨论】：

你在服务器上使用 javascript (NodeJS) 吗？或在浏览器中（使用 JQuery 的地方）？
就在浏览器raxi里面
分页几乎总是在服务器端完成，因为分页的原因通常是信息太多，无法一次将其全部发送到客户端。因此，分页通常不是通过浏览器中的 javascript 来完成的。
javascript 可以在分页中发挥作用的一种方式是，一些网站使用 ajax（javascript 中的 http 请求）来请求数据的某个片段（比如说“获取 product#400 的数据）到 product#420")，然后用它更新页面。但是在那种情况下，分页仍然发生在服务器端。 - 我不确定您的情况是否涉及服务器端脚本语言。有些人为此使用 javascript (NodeJS)，其他人使用 PHP 或许多其他替代方案之一。
欢迎来到 Stack Overflow _ 看起来您正试图让某人为您编写代码，这不是本网站的用途 _ 请添加您尝试过的任何代码尝试。您还应该访问 SO 帮助中心的“提问”部分，以了解有关提交格式正确的问题的更多信息 _ 这样做将有助于确保您的帖子不会收到负分 >>> stackoverflow.com/help/asking

标签： javascript html jquery pagination

【解决方案1】：

您可以考虑的一种方法是使用诸如DataTables 之类的库。它启用了 html 表格分页，但您需要熟悉它。

【讨论】：

我不知道用table好不好，因为我有商品名称、图片、商品详情按钮、购买按钮、价格和显示正常降价的徽章。一个 div 是为我整理所有这些东西的最佳选择
你可以看看它的例子，它支持按钮、分页、排序、搜索、过滤等