AJAX应用程序中的代码分离

Question

在AJAX应用程序中实现代码分离的策略有哪些？

我正在构建一个PHP应用程序，我希望它具有一个不错的AJAX前端。很久以来，我就学会了在PHP代码中使用某种模板来确保在逻辑和显示代码之间保持良好的分离，但是我很难找到在前端使用JavaScript代码实现此目的的好方法。我正在使用jQuery来简化XML数据的获取和DOM操作，但是我发现逻辑和布局代码开始混杂在一起。

真正的问题是，我从后端获取XML数据，然后必须将其重新格式化，并且必须在其周围包装有用的文本（方向等）。我已经考虑过发送已经格式化的HTML，但这将需要对后端进行大量的重新设计，而且必须有比我自己想出的更好的方法。

Answer 1

• 在 HTML 页面中编写模板，可能在隐藏元素中。
• 通过 AJAX 调用获取数据，我发现使用 JSON 更容易，因此您不必“重新格式化”XML，它只是数据。
• 将模板应用于数据以生成 HTML 并插入到显示的页面中。

检查一些 jQuery 模板插件：jsRepeater、jTemplates、noTemplate、Template