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

标签 javascript jquery ajax optimization

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

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

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

最佳答案

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

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

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

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

关于javascript - 优化:使用ajax加载内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11374450/

相关文章:

ajax - 加入并发/相同的 HTTP GET 请求?

ajax - 保护 AJAX 和 SSL

javascript window.location id

javascript - 使用 DOM 更改标签中属性名称的值

jquery - Bootstrap 3 typeahead 不适用于 bootstrap 标签

jQuery 和 jQuery UI : Building a draggable infinite grid with content (imgs) of varying size

javascript - parse error callback function not called jquery ajax 错误?

javascript - md-list-item 内的 md-radio-button

javascript - Extjs4 MVC 将项目保存到服务器

javascript - 为什么 Chrome 在 jQuery 中的某行暂停?