モバイル クイズ アプリ用に HTML で 50 個のクイズ タイプの質問をプリロードする最も簡単で簡単な方法は何ですか?
ユーザーが Wi-Fi とインターネット アクセスを失った場合、wifi/3-4g アクセスが再び回復したときに送信ボタンを押せるようにしたかったのです。
モバイル クイズ アプリ用に HTML で 50 個のクイズ タイプの質問をプリロードする最も簡単で簡単な方法は何ですか?
ユーザーが Wi-Fi とインターネット アクセスを失った場合、wifi/3-4g アクセスが再び回復したときに送信ボタンを押せるようにしたかったのです。
質問を Javascript オブジェクトとして Web ページに含めることで、質問をプリロードします。
var questions = [
{"q": "Why did the Chicken cross the road"},
{a: [
"It was bored",
"It was following the goat."
]
}
}
AJAX を使用して回答を送信できます。エラーが発生した場合は、localstorageを使用して回答を保存します。.setTimeout()
数秒ごとに起動し、送信が機能するかどうかを確認するために使用します。
おそらく、より簡単な方法は、すべての質問をページに (html で) 配置することであり、ユーザーが質問を見ていくときに、必要に応じて質問を非表示にしたり表示したりできます。ユーザーが送信したときに失敗した場合は、待機中のアイコンを配置して、setTimeout で試行を続けることができます。Jeremy が指摘したように、ウィンドウが閉じられた場合に、回答を localstorage に保存することもできます。
最適な答えは、全体的なアーキテクチャによって異なりますが、技術レベルによっては、javascript や json を使用してすべての質問を読み込む必要はありません。
シンプルなモックアップ (完全に機能するわけではありません):