我需要在 jQuery Mobile 应用程序中设计这个场景。我有 2 个屏幕 a) 登录 b) 仪表板主页
仪表板主屏幕具有以下组件 a) 列表框 A 动态显示类型 A 的项目及其各自的计数。2）列表框B动态显示类型B的项目及其各自的计数。3）列表框 C 显示固定的 3 个项目（类型 C）及其各自的计数。
每个计数都被按钮覆盖以深入到另一个屏幕以获取更多详细信息。
以下 Web 服务可用 a) 用于验证用户和有效用户的登录服务，A 类项目和 B 类项目的列表。b)Count A 服务，分别提供 A 类项目的计数。c)count B 服务，分别提供 B 类物品的计数。d)count C 分别提供 C 类项目的计数。
所有服务都是基于 SOAP 的。
当用户单击登录按钮时，将进行 Ajax 调用以调用登录服务并下载可用的 A 类和 B 类项目并存储在本地存储中。本地存储数据后，用户将导航到仪表板屏幕以显示 A 类和 B 类项目，而无需计数。
现在需要通过计数 A 、计数 B 和计数 C ajax 调用来显示各自的计数。
我想知道以这样的方式显示仪表板屏幕的最佳方法，即首先加载项目，然后是它们的计数。登录后用户应该看到带有项目的仪表板屏幕，而无需太多等待，然后在订单计数服务中异步地一个一个地计数被称为。
我不希望用户在点击登录按钮后在登录屏幕上等待，直到调用所有服务并且数据可用。我希望当数据可用时，它们应该在用户被重定向到仪表板后显示在屏幕上。
请建议我实现这一目标的方法和方法。我是 jQuery 的初学者。如果这是一个天真的 Q，请原谅。
任何建议都会受到赞赏。这种场景的任何链接、教程、演示也会有所帮助。