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

标签 php jquery ajax api cron

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

我想要的是在用户等待结果时显示的初始/加载屏幕(类似于 Priceline)。

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

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

最佳答案

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

关于php - 在保持良好用户体验的同时调用 10 个 API 的最佳解决方案?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6802302/

相关文章:

php - 有条件地从字符串中删除一个单词?

php - 每 'X' 分钟从 Oracle 数据库查询并显示结果

javascript - 如何在新窗口中打开所有推文链接?

jquery - 使用 jQuery 2.0 动态选择选项

javascript - 使用 Promises 和 AJAX 调用顺序执行

php - 使用 JQuerys .post() 没有响应

php - 从数据库中选择以定义符号开头的记录

php - 如果 WHERE 子句为空则忽略条件

javascript - 如何检查哪个表格单元格触发了一个 Action JavaScript

javascript - 对数据库的 AJAX 请求 - 下载 .csv 文件