如何处理Ajax请求来改变巨大的内容

Question

在我继续之前，我想说，我知道如何使用AJAX发送和接收消息（文本）等等，但我不明白的是，如果我们使用AJAX用图像，div和其他元素组合like this example here来更改网站的内容，如果单击电影行，则内容会发生变化。我大多只是替换文本，从db中获取内容，然后将其插入div。但这是不同的，它只是内容，所以我的问题是这是如何完成的？如果我应该这样做，我会徘徊：

   ...
   xmlhttp.onreadystatechange = function(){
        if(xmlhttp.readyState === 4 && xmlhttp.status === 200){ 
          doc.querySelector('.movie-detail').innerHTML = xmlhttp.responseText; 
        }
   ...

xmlhttp.responseText会是这样的：

<div class="row-a">
    <img src="img/foo.png" alt="..." />
    <p class="text"> some title </p>
    <p class="text"> some content </p>
</div>

这对我来说似乎不合常规，因为我在responseText中包含了整个上面的HTML代码。另一种方法是为每个div，image，paragraph创建元素并嵌套它们，这需要大量的代码和工作。

所以，最后，我只是想知道我是否遗漏了某些东西，或者解决方案是否来自我提到的那些。