我使用搜索表单建立网页。结果集的第一页在服务器站点上呈现并发送到客户端（PHP-＆gt; HTML-＆gt;浏览器）。
搜索结果包含一些元数据的描述，如标题，日期，...... 如果客户端滚动搜索结果，如果他到达页面末尾，则使用ajax（无限滚动）加载下一个结果行。 ajax请求以JSON格式接收搜索结果。这意味着没有布局/样式结构。
这意味着，我必须将结果数据放在客户端/ javascript的布局结构中，这意味着，我必须将所有布局内容放在第二位，远离PHP世界，洞察javascript部分的应用
另一方面，我不能简单地将JSON数据替换为HTML代码，因为我需要在webseite的其他部分上使用纯JSON搜索结果。标题元数据是唯一的部分，可以从服务器端进行HTML格式化。
所以我的问题是：第一个结果集的布局位于PHP代码的服务器端，而来自ajax调用的所有其他加载结果必须在客户端/ JS端设计。
如何处理这个问题，而不将布局保留在2个不同的地方（PHP端和Javascipt端）
我的第一个想法是，不仅要将纯搜索结果JSON数据发送到ajax请求，以便在服务器端构建HTML代码（搜索元数据+布局），并以JSON格式发送HTML片段到ajax：
{'metadata':'<h1>This is the title</h1><p>date:2017/01/01</p>'}
但我不知道，如果这是最佳做法？