逐个jQuery移动-Loading数据

Question

我有一个在jQuery移动应用程序中设计此场景的要求。我有两个屏幕a)登录b)仪表板主页

仪表板主屏幕具有以下组件a)列表框A，用于动态显示类型A的项目及其各自的计数。2)列表框B，动态显示B类型的项目及其各自的计数。3)列表框C，显示固定的3个项目(C型)及其各自的计数。

每个计数都被按钮覆盖，以深入到另一个屏幕以获取更多详细信息。

以下Web服务可用:a)登录服务，用于验证用户以及对于有效用户，类型A项和类型B项的列表。B)计数A服务，分别提供A类物品的计数。c)count B服务，分别提供类型B项的计数。d)count C servive，分别提供C类项目的计数。

所有服务都是基于SOAP的。

当用户单击登录按钮时，Ajax调用调用login服务并下载A和B类型的可用项并将其存储在本地存储中。在本地存储数据后，用户将导航到仪表板屏幕，以显示不带计数的类型A和B项目。

现在需要通过进行count A、Count B和Count C ajax调用来显示各自的计数。

我想知道最好的方法来显示面板屏幕的方式，第一个项目是加载，然后他们的计数.after登录用户应该看到仪表板屏幕与项目没有太多等待，然后异步他们的计数一个接一个，在订单计数服务被调用。

我不希望用户在点击登录按钮后在登录屏幕上等待，直到所有服务都被调用并且数据可用。我希望当数据可用时，它们应该在用户被重定向到仪表板后显示在屏幕上。

请建议我的方法和方式，以实现此.I am初学者在jQuery .please，请原谅，如果这是一个幼稚的Q。

任何建议都会得到采纳。任何这样的场景的链接，教程，演示也会有所帮助。

Answer 1

我从您的问题中得到的结论是，您希望在不让用户等待加载页面的情况下加载页面；然后您可能可以使用

jQuery.mobile.loadPage("wantedpage.html",{options});

此函数将在后台加载页面；

或者你可以检查一下：http://jquerymobile.com/test/docs/api/methods.html希望这对你有帮助。