调用 10 个 API 同时保持良好用户体验的最佳解决方案？

Question

我有一个类似于 Expedia 和 Priceline 的网站。用户输入日期，然后调用 10 个不同的 API 来返回结果。从所有 10 个结果中获取结果可能（有时）最多需要 90 秒。

我想要的是在用户等待结果时显示启动/加载屏幕（类似于 Priceline）。

我尝试使用 jQuery Ajax 调用 API 并生成结果，但某些浏览器遇到问题（当结果不够快时锁定）。

我在 LAMP 环境中，我想过使用 cronjob 来处理 API 并将结果保存在数据库中，但我不确定这有多实用。

Answer 1

1. 所有 ajax 调用都需要异步，以便用户界面保持活动状态。这应该是显而易见的，但既然你提到了浏览器锁定，我想我最好提一下这一点。
2. 您可能需要了解浏览器是否对每个浏览器窗口允许的并发 ajax 调用数量有限制。如果他们这样做了，而且数量少于你想要的，你将不得不重新考虑事情。
3. 在等待结果时，您肯定想放置一些“正在加载结果...”类型的指示器。
4. 如果您的数据是可以显示渐进式结果的数据（例如，当每个 ajax 调用返回时显示一些新信息），那么用户会感觉该函数比您等待所有 10 个操作完成后再显示任何内容的响应速度更快。
5. 对于任何事情，只要您的呼叫正在进行，用户就应该有一种简单的方法来停止事务并返回到您网站中的有用位置（无需关闭浏览器窗口或离开您的网站）。您希望即使是不耐烦的用户至少再试一次而不是离开。
6. 如果您在同时连接时遇到浏览器模仿，您可能希望让服务器代理该请求。向您的服务器发送少量请求，然后让它根据需要触发尽可能多的总请求并返回整理后的数据。
7. 如果所请求的数据可以有效地缓存或预取到您的服务器上而不影响准确性，那么这可能确实有助于提高性能。
8. 确保处理 ajax 调用上的所有错误条件，以便用户体验至少允许用户重试，或者在某些连接不起作用时最多继​​续执行，但结果较少。
9. 了解 ajax 代码中所有连接超时的设置，并确保它们适合您的应用程序。如果默认连接超时时间不足以封装大部分 ajax 调用，您可能需要延长它。
10. 针对一个或多个 ajax 调用失败的情况进行设计。了解您的应用程序中将发生什么，并测试该情况以查看所需的用户体验是否真正有效。
11. 请注意（当使用异步 Ajax 调用时）用户可以与您的页面进行交互，因此您可能需要禁用、隐藏或以其他方式阻止与用户在异步调用期间不应进行操作的页面部分的交互。
12. 上一点的另一面是，您可能希望在等待异步调用完成时允许某些类型的交互。例如，您可能希望允许用户改变主意并开始新的请求。您可能希望他们在等待时与流程的下一步中的某些内容进行交互，等等...基本上，您在等待时可以为他们提供的信息越多，包括进度信息、部分结果或其他需要处理的内容，他们就越不会注意到或介意等待。

Answer 2

您是否尝试过类似 beanstalkd 的东西？似乎如果延迟长达 90 秒，您应该对作业进行排队并在结果准备就绪时通知用户，而不是同步运行作业并显示长时间运行的启动页面。要实现推送通知，请尝试 jQuery Comet。

Answer 3

如果您需要一次显示所有结果，请触发对 php 页面的单个调用，并让它通过curl 进行调用。但请记住设定时间限制。

否则，将工作分成两到四个页面，并对每个页面触发 ajax 调用。当每个人返回时，显示这些结果。在这种情况下，一个简单的加载图像就足够了。这里没有溅水。

并记住尽可能缓存。

***编辑

请注意，我在这里重点关注 php 执行 api 调用。您的服务器及其 T1+ 连接肯定会比我的拨号更快地处理 10 个呼叫。 :)。