jquery - データベースに複数のセットがある場合に、1 つのページに 1 つのデータ セットを配置するにはどうすればよいですか? モバイル jquery の使用

Question

このプロジェクトは Mobile Jquery で実行され、iPad の Safari ブラウザーで実行されます。学生が小テストを受けることができる電子評価システムです。このクイズの問題はそれぞれ 1 ページに印刷され、[次へ] ボタンをクリックすると次の問題が続きます。データベースには問題の固定数がないため、ループが必要です。採点のための回答を投稿することも重要な問題です..

誰でも教えてください。

Answer 1

次のページをロードするために必要なのは、jquery mobile が認識するテンプレートだけです。

<div data-role="page">
  <div data-role="header"><a href="/url/to/next/question">next</a></div>
  <div data-role="content">
    //put your question and answer here
  </div>
</div>

最後のページでは、すべての回答を収集して ajax で投稿する必要があります。これは、すべての回答に のクラスを指定することで簡単に実行できますanswer。jqm は、アクセスを高速化するために過去のページのキャッシュ コピーを保持します。これを使用できます。それでもうまくいかない場合は、[次へ] をクリックしたときに回答を配列またはオブジェクトに保存し、代わりにシリアル化する必要があります。

$.ajax({
  type: "POST",
  data: $('.answer').serialize(),
  url: "/post/answer/url"
});