如何根据需要显示<c：foreach>循环的更多/更少结果？

Question

我有一个演员列表，默认情况下，我想显示其中的10个，但是如果需要（例如，“显示更多”按钮）以显示所有这些演员。

我已经查看了Google，并且知道可以显示/隐藏整个div，但这不是事实。

<div>
    <c:forEach items="${castMembers}" var="castMember">
        <tr>
            <td>
                <img    class="castImg"
                    src="${castMember.profile_path}"
                    onerror="this.src='https://via.placeholder.com/50x65'"/>
            </td>
            <td>
                ${castMember.name}
            </td>
            <td>
                ${castMember.character}
            </td>
        </tr>
    </c:forEach>
</div>

Answer 1

您可以为此forEach加载前10个。 然后在容器顶部放置一个带有AJAX请求的按钮， 将加载下10个并将其推入容器顶部。