javascript - 优化:使用ajax加载内容

Question

我想听听您对使用 ajax 优化内容加载的想法。接下来，我将提出几种实现方法，并对每一种方法提出我自己的想法。

• 直接加载 html - 这允许轻松加载内容，而不需要太多进一步的计算。更适合不受用户操作影响的内容或有需要定期更新部分的内容
• 从服务器获取 json 对象 - 似乎是将页面内容包含在 json 对象中的好方法。允许通过将当前值与新对象进行比较来仅修改某些部分
• 按部分( block )加载 - 似乎是最难更新的方法。您必须知道更改了哪个部分以及在哪里加载它(对应该更改/更新的节点的特定 dom 访问)。此外，从计算的 Angular 来看，似乎比获取 json 对象并“手动”创建标签或拥有我们将数据加载到的模板更容易

那么，您如何看待每种方法？欢迎提出新方法!

Answer 1

嗯，我在企业软件领域工作(仅作为顾问，而不是开发人员；))并且我多次看到第三种方法被广泛使用，因为它在页面动态方面更灵活。

除此之外，从仅更新某些部分的 Angular 来看，前两种方法似乎并不引人注目:即使在第二种情况(使用 JSON)中，您也必须比较两个页面片段，我认为这是天真的方法(我担心不是那么容易维护)。

但是您的问题缺少一些重要信息，例如您使用什么来生成页面。这在第一种情况下不太重要，因为您只是生成一个字符串(其中包含页面源代码)，但在第三种情况下，如果您的 AJAX 加载代码干扰了您正在使用的 HTML 模板引擎，它可能会变得一团糟。

希望这对您有所帮助，如果需要，请在问题中添加更多信息!