我必须在我的网站上实施一个列表，其行为如下：
1。在主页中，会显示一个列表并仅显示前12个项目，然后再加上＃34;加载更多...＆＃34;按钮。
2. 在页面加载完成后，接下来的12个数据应该加载。
3。点击＆＃34;加载更多＆＃34;加载的12是呈现的，在此之后，下一个是加载，依此类推......
我的应用正在使用node.js，express.js，jQuery，ejs和bootstrap。
现在，我的服务器逻辑成功生成数据列表，然后我使用ejs模板呈现整个大列表。
我对如何使用ajax将其更改为动态列表感到很困惑。
＆＃34;首先渲染＆＃34;仍应使用服务器中的ejs完成，然后使用ejs再次呈现列表项的任何添加，但这次是从客户端？什么是最好/最简单的方式来实现我需要的行为？顺便说一句 - 每个列表项，包括一个img标签，指向一个独特的图像 - 使用JSON时是不是有问题......？
任何帮助或有用示例的链接都将非常感激。感谢。
答案 0 :(得分：1)
据我所知，您有两种AJAX调用选项。一种是将JSON返回到浏览器并使用客户端模板库来呈现数据。另一个选项是仅在服务器上呈现列表并将HTML返回到浏览器，然后您可以直接插入到DOM中。
您需要在express中设置不同的路由，以便它只返回列表项的JSON或HTML，而不是第一次加载时的整个HTML文档。
将HTML返回到浏览器的优点是您不需要在浏览器上加载模板引擎，也不需要在浏览器和服务器中都使用模板逻辑，从而减少代码大小并保持干净。但是，如果您需要将数据存储在浏览器内存中以执行其他操作，那么JSON是您最好的选择。
我很乐意扩展您需要更清楚的任何一点。