0

わかった。だから、phonegap と html5 を使ってアプリを構築するという話をよく耳にします。アプリは正常に動作しますが、Web サービスにアクセスして表示用の div を設定します。サービスはうまく実行されます。私が実装したいのは、バックグラウンドで新しいリクエストが行われている間に、ローカル ストレージを使用してサービスからの最後のインターフェイスを保存するためのキャッシュ メカニズムです。

これは私のJavaScriptコードです。私が間違っていることを教えてください。

PS は html5/js 中間ユーザーです。しかし、私はphpを本当によく使います。

function loadHome()
{

$("#post_display").html(waitText); 
$.get(api_url',{ app_key: my_app_key } ,
function(data){
    if(('localStorage' in window) && window['localStorage'] !== null)
    {
        localStorage.setItem('data_home',data); alert(localStorage.getItem(data_home));
    }
    $("#post_display").html(data) }
    );

}

これまでのところ、アラートは機能し、保存されているデータが表示されます。ユーザーがページに戻ったときにデータを表示するにはどうすればよいですか。どの条件付きロジックを使用しますか? サンプル

if(localstorage.data_home){ //display store data here } 
else{//run the ajax call to the api service}

これについてどうすればいいのかわかりません。ヘルプ。

4

1 に答える 1

0

ajaxを呼び出す前に確認してください。これは単なるサンプルです。ソース コードをリファクタリングする必要があります。

function loadHome()
{

$("#post_display").html(waitText); 
if(('localStorage' in window) && window['localStorage'] !== null && localStorage.getItem('data_home')){
    $("#post_display").html(localStorage.getItem('data_home'));
    return;
}
$.get(api_url',{ app_key: my_app_key } ,
function(data){
    if(('localStorage' in window) && window['localStorage'] !== null)
    {
        localStorage.setItem('data_home',data); alert(localStorage.getItem(data_home));
    }
    $("#post_display").html(data) }
    );

}
于 2013-09-25T10:27:05.910 に答える