2016-04-27 11 views
0

をリロード防ぐ私は、Ajaxでページにデータを追加し、私はページ ​​ に変更が、私はブラウザを更新するとき、私はアヤックスで追加されたすべての内容はもはやありません。jQueryのモバイルブラウザは

+0

はあなたが使用AJAX呼び出し/機能を提供することができます参照してください? –

+0

$アヤックス({ URL:postDetailsUrl、 タイプ: "ポスト"、 データ:{ID:ID}、 成功:機能(データ){ $( '#のcommentList')HTML(データ); 。 initCommentPage(); $ .mobile.changePage( '#postDetails'、{transition: "slide"}) } $( '#commentsNum')。 }); –

答えて

0

あなたは

$(document).on("pageshow","#postDetails",function(){ 
$.ajax({ 
    url: postDetailsUrl, 
    type: "post", 
    data: {id: id}, 
    beforeSend: function() { 
     $.mobile.loading("show"); 
    }, 
    complete: function() { 
     $.mobile.loading("hide"); 
    }, 
    success: function (data) { 
     $('#commentList').html(data); 
     $('#commentsNum').text($('#commentList .comment').length); 
     initCommentPage();    
    }, 
    error: function (requestObject, error, errorThrown) { 
     alert("Error in communication"); 
    } 
}); 
}) 

今、このAJAXリクエストがpag​​eshowのイベントでそうたびpopstDetailsページが表示されているが、次のようにpageshowのイベント内で、あなたのAjax呼び出しを追加する必要があるという問題を解決するために、Ajaxのデータを削除するページをリフレッシュpostDetailsUrlにajax呼び出しを行い、commentList要素にデータを表示します。ページイベントの詳細を知るために

はgajotresのblog

+0

ありがとうございます、私はIDを格納することができますか? –

+0

はブラウザのローカルストレージに保存されます。 ' と値' idvalue = localStorage.getItem( 'IDKEY')を取得する; 'localStorage.setItem( 'IDKEY'、idValue)の値を設定する [全ために]をクリックし' ます(http:// WWW .w3schools.com/html/html5_webstorage.asp)description –

関連する問題