Question

I am having this project on Mobile Jquery and to be run on Safari browser on iPad.
It is a e-assessment system where student will be able to take a quiz.
this quiz’s question to be print out each on one page and follow by next question by clicking on the ‘next’ button..
there is no fix number of question in the database therefore a loop is necessary.
Posting the answer for marking is also another critical issue..

Anyone can enlighten me please ?

Answer 1

All you need to have to load your next pages is a template jquery mobile will recognize.

<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>

And on the last page, you need to collect all your answers and post them with ajax. You can do this easily by giving all your answers a class of answer, jqm keeps a cached copy of your past pages to make access faster, you can use this. If that does not work, you might have to save your answers to an array or object when you click next and serialize them instead.

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