Javascript 将html代码返回到jquery好吗？

我正在做一个有很多页面的项目。每页显示10行，其中每页使用的布局不同。直到现在，我在javascript代码中有每一行的html代码，并且基于页面的url，我使用了适当的html代码（if语句）。if语句在一个循环中，该循环基于行数进行循环。这些行的结果来自ajax方法。现在我想以某种方式将其分离，以便更容易维护它，基本上是从javascript中删除html代码，并将每行的html代码保存到不同的文件中

注意：Ajax在给定的时间内自动向php文件发送任何新行的请求

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

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

---

我不知道这两种解决方案是否都是好的解决方案，可以帮助我在将来维护项目。

您应该将结构化数据（例如）返回到AJAX请求中。通过这种方式，您可以支持多个接口（例如，一个网站、一个应用程序）：每个接口将只获取数据，并根据需要处理渲染

---

在您的示例中，您通过AJAX请求请求数据，您的服务器使用JSON结构化响应进行响应。JQuery读取它并将其转换为javascript数组，这要归功于。使用数组，循环遍历每个元素并将HTML元素插入到网页中。

您可以考虑一个模板库（如把手）来帮助模板化。AngularJS和Ember等框架也擅长解决此类问题

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

您有两个选择： 如果HTML模板不经常更改，最好的方法是使用一些java脚本模板库（例如）在HTML结构中定义HTML模板，并用AJAX（JSON）请求中的数据填充它

如果HTML模板经常更改或取决于行中的某些条件（数据），则应创建PHP局部视图，以生成已填充数据的正确HTML结构

---

对于许多行，最好创建整个表服务器端以减少请求。

因此，JS代码中有HTML模板（存储在字符串中）。现在，您需要从其他文件（特别是PHP文件）动态加载HTML模板。我理解正确吗？我认为您需要用php创建web服务，它将返回行。这是一种简单而动态的方法。所以，如果站点处于活动状态，并且您希望进行更改，那么您可以在后端使用数据库进行更改。@suvroc是的，您是正确的，我正在寻找类似于模板化函数的内容。这就是我现在正在做的，我在循环中使用带有html代码的if语句读取每个元素，并使用html代码创建一个变量。问题是很难维护html代码，因为需求在变化，因此我正在寻找更好的方法来处理来自AJAX请求的数据的呈现方法mustache.js呢？