これはjQueryモバイルとPhonegapでページコンテンツを読み込むのに適した方法ですか？

Question

私はiOSアプリケーションを使用しています.jQuery mobileとPhonegapを使用しています。 私はウェブサイトを構築し、PCブラウザでテストするので、htmlファイルにバックエンドコード（Rubyを使用）を入れて、jQueryがページをロードすると（$ .mobile.changePage（）を使用して）データがサーバから取得され、レンダリングされますテンプレートファイル（サーバー上のすべてのファイル）。

私はPhonegapにコードを入れたときに、のindex.htmlファイルがローカルにあります。サーバー側のデータを取得する唯一の方法は、jsonをフェッチしてページに挿入することです？または他の方法でパフォーマンスが向上していますか？

jQueryモバイルは、AJAXリクエストを使用してページを変更するために$ .mobile.changePage（）を使用します。したがって、データを取得するようにリクエストすると、ここでは$ .mobile.changePage（）それは私のためのデータをロードしていないからです。

Answer 1

リモートコンテンツの読み込みには、Ajaxリクエストが適しています。あなたは、ページが表示されたときにコンテンツをロードしたい場合は、このような何かを：

$(document).delegate('[data-role="page"]', 'pageshow', function() { 
    $.get('http://domain.com/path_to_script.php?id=blah', function (data) { 
     $(this).children('[data-role="content"]').html(data); 
    }); 
}); 

注：この例では、非ローカルスクリプトの準備ができて、出力するHTMLをDOMに挿入することを期待。任意のタイプのデータを受け取り、必要に応じて解析することができます。データ変数はajaxリクエストからの応答を返します。