Javascript 如何处理更改大量内容的Ajax请求

在我继续之前，我想说的是，我知道如何使用AJAX发送和接收消息、文本等，但我不明白的是，如果我们使用AJAX更改网站的内容，其中图像、div和其他元素组合在一起，如果单击电影行，内容会发生变化。我主要是替换文本，从数据库中获取一些东西，然后将其插入到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、段落创建元素并嵌套它们，这需要大量的代码和努力

---

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

我的建议是用json生成数据，并用jquery填充DOM。因为我相信你可能会遇到一些字符串问题。之前发生在我身上的事，为了得到结果，你想给它们编页码。控制结果的数量，而不是全部得到。所以，解救总是jQuery：我希望有另一种方法。感谢json提示，我打算以php数组格式返回数据，但json要好得多。有没有提到这些内容？对于您正在做的事情，我建议使用angular.js来拯救，而不是jQuery：如果您只需要HTML内容，那么返回HTML字符串是一个非常好的方法。无需使用JSON，只需为自己编写更多代码，将JSON转换为HTML，如果您只需要HTML.jfriend00 No。它也有图像，可能还有表单，因此在这种情况下，将所有内容嵌入responseText似乎是一种不好的做法。我将按照@andrew的建议试一试。