单页应用程序中页面加载时的多个 ajax 调用答案

【问题标题】：multiple ajax call on page load in single page application单页应用程序中页面加载时的多个 ajax 调用
【发布时间】：2015-07-30 11:56:31
【问题描述】：

我是前端开发的新手，我需要问一个关于页面渲染性能的问题

我正在创建单页应用程序，我使用了多个 Ajax 调用来获取数据，因此我可以对其进行操作以提高性能

如果是，多个 Ajax 调用会损害性能，那么为什么以及如何使其更快即

$.ajax({
        type: "",
        url: "",
        dataType: "",
        success: ""
      });

$.ajax({
        type: "",
        url: "",
        dataType: "",
        success: ""
      });

$.ajax({
        type: "",
        url: "",
        dataType: "",
        success: ""
      });

$.ajax({
        type: "",
        url: "",
        dataType: "",
        success: ""
      });

....

提前致谢

【问题讨论】：

标签： javascript ajax

【解决方案1】：

使用 AJAX，您可以进行一次大调用并返回应用程序所需的所有数据，但在用户在页面中执行某些操作之前，您可能不会获得必要的数据......因为这种情况最好做更多AJAX 调用...但这尤其适用于每个应用...做您认为对您的应用更好的方法...在同一页面中进行多个 AJAX 调用不是性能问题。

【讨论】：

【解决方案2】：

每次调用都会产生网络往返、连接服务器和下载响应的开销，从而导致网络浪费。最好的解决方案是将多个 ajax 调用合并为一个调用看看延迟回调批处理执行

http://api.jquery.com/jQuery.when/

【讨论】：

是的，你是对的，但是在结合 Ajax 请求后，它会对性能产生巨大影响吗？目前我的 Ajax 调用总数接近 20