これは本当にイライラします..!
事前定義されたページで jQuery Mobile を使用すると、すべてがスムーズかつ簡単になりますが、より複雑なプロジェクトの場合はどうでしょうか?
以前の回答に基づいて次のページをレンダリングする調査システムに取り組んでいます。そのため、すべてのページで現在の質問を外部 API に送信し、次の質問を取得する必要があります。
私の最初の選択は JS を大きくすることでしたが、主な問題は、データを AJAX 経由で送信する必要があり、新しい構造化された HTML を挿入して適切にレンダリングするために「更新」する必要があることでした。それに加えて、すべての AJAX リクエストにはコールバックが必要なため、厄介なコードが作成されます。したがって、私の場合、15 種類のフォームとして構成された 20 ~ 30 の質問を含む調査では、コールバックとネストされたコールバックが多用されています。
次に、PHP をベースとしてプロジェクトを書き直しました。1 つの「data-role=page」インスタンスを使用して同じページに送信するフォーム (アンケートの質問を含む)。CURL リクエストを使用して回答を送信し、次の質問を取得し、HTML 構造を生成して出来上がりです。更新をトリガーする必要なく、すべてが見事にレンダリングされます。
しかし、この方法を使用すると、次のような問題があります。
- 同じページに送信すると、ページ遷移 ができなくなり、デフォルトのフェード遷移が残ります。
- jQueryモバイルにはこの奇妙なキャッシングがあります(すべての方法を使用して無効にした後でも)
- ページからページへデータを渡すのは難しい - GET は長さ
に制限があり、実際の CURL リクエストは "param1=val1&.." を送信する必要があったため、POST は私のニーズに合わなかった)
では、複雑で動的なプロジェクトに取り組む場合、どのように jQuery Mobile を使用するのが最善でしょうか?
ありがとう、