javascript - 将html代码返回给jquery好不好？

Question

我正在开发一个有多个页面的项目。每个页面显示 10 行，其中每个页面使用的布局不同。到目前为止，我在 javascript 代码中拥有每一行的 html 代码，并且根据页面的 url，我使用了适当的 html 代码(if 语句)。 if 语句位于一个循环中，该循环根据行数进行循环。行的结果来自 ajax 方法。现在我想以某种方式将其分离，以便我可以更轻松地维护它，基本上是从 javascript 中删除 html 代码并将每行的 html 代码保留到不同的文件中。

注意:Ajax 在给定时间内自动向 php 文件发送请求以获取任何新行。

我提出的一个解决方案是我可以使用 php 用 html 代码创建一个变量。

第二个解决方案是使用 html 代码创建每个记录的数组，然后将其传递给 jquery 进行打印。

这两个解决方案我不知道是否是好的解决方案，并且可以帮助我将来维护该项目。

Answer 1

您可以考虑使用模板库(例如 Handlebars )来帮助进行模板化。 AngularJS 和 Ember 等框架也擅长解决此类问题。

您的 Web 服务 API 应该返回 JSON，而不是 HTML 片段。让客户端构建 DOM，让服务器专注于数据。