jQueryMobileアプリでこのシナリオを設計する必要があります。2つの画面がありますa）ログインb）ダッシュボードホーム
ダッシュボードのホーム画面には、次のコンポーネントがあります。a）タイプAのアイテムとそれぞれの数を動的に表示するリストボックスA。2）リストボックスBを使用して、タイプBのアイテムとそれぞれの数を動的に表示します。3）リストボックスCに、固定された3つのアイテム（タイプC）とそれぞれの数を表示します。
各カウントはボタンでオーバーラップされ、詳細については別の画面にドリルダウンします。
以下のWebサービスが利用可能です。a）ユーザーを認証するためのログインサービス、および有効なユーザーの場合は、タイプAアイテムとタイプBアイテムのリスト。b）カウントタイプAアイテムのカウントをそれぞれ提供するサービス。c）タイプBアイテムのカウントをそれぞれ提供するカウントBサービス。d）タイプCアイテムのカウントをそれぞれ提供するためのカウントCサービス。
すべてのサービスはSOAPベースです。
ユーザーがログインボタンをクリックすると、Ajax呼び出しが行われ、ログインサービスが呼び出され、利用可能なタイプAおよびBのアイテムがダウンロードされ、ローカルストレージに保存されます。データがローカルに保存されると、ユーザーはダッシュボード画面に移動して、タイプAおよびタイプbのアイテムをカウントなしで表示します。
ここで、カウントA、カウントB、およびカウントCのajax呼び出しを行って、それぞれのカウントを表示する必要があります。
最初のアイテムが読み込まれ、次にカウントされるようにdahboard画面を表示するための最善の方法を知りたいです。ログイン後、ユーザーは、注文カウントサービスで、アイテムが表示されたサッシボード画面をすぐに表示し、非同期で1つずつカウントします。と呼ばれます。
ログインボタンを押した後、すべてのサービスが呼び出されてデータが利用可能になるまで、ユーザーがログイン画面で待機することを望まない。ユーザーがダッシュボードにリダイレクトされた後、データが利用可能になったときに画面に表示する必要があります。
私にアプローチとこれを達成する方法を提案してください。私はjQueryの初心者です。これが素朴なQである場合は失礼します。
どんな提案も認められるでしょう。このようなシナリオのリンク、チュートリアル、デモも役立ちます。