をリロード防ぐ私は、Ajaxでページにデータを追加し、私はページ に変更が、私はブラウザを更新するとき、私はアヤックスで追加されたすべての内容はもはやありません。jQueryのモバイルブラウザは
答えて
あなたは
$(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リクエストがpageshowのイベントでそうたびpopstDetailsページが表示されているが、次のようにpageshowのイベント内で、あなたのAjax呼び出しを追加する必要があるという問題を解決するために、Ajaxのデータを削除するページをリフレッシュpostDetailsUrlにajax呼び出しを行い、commentList要素にデータを表示します。ページイベントの詳細を知るために
はgajotresのblog
ありがとうございます、私はIDを格納することができますか? –
はブラウザのローカルストレージに保存されます。 ' と値' idvalue = localStorage.getItem( 'IDKEY')を取得する; 'localStorage.setItem( 'IDKEY'、idValue)の値を設定する [全ために]をクリックし' ます(http:// WWW .w3schools.com/html/html5_webstorage.asp)description –
- 1. AndroidモバイルブラウザjQueryのkeydownの問題
- 2. BackticksはモバイルブラウザでjQueryエラーを作成します
- 3. モバイルブラウザのエミュレータ
- 4. モバイルブラウザの「ズームイン」オプション
- 5. モバイルブラウザのVuejs:100vh
- 6. モバイルブラウザのWebワーカー
- 7. モバイルブラウザのマルチタッチ
- 8. モバイルブラウザでのASP.Netウィザードコントロール
- 9. モバイルブラウザ用のWebページスケーリング
- 10. スタイルシートとモバイルブラウザ
- 11. モバイルブラウザとJavaScript
- 12. モバイルブラウザでのWMLのテスト
- 13. Webページがモバイルブラウザ上
- 14. モバイルブラウザの広告ブロッカー検出
- 15. モバイルブラウザのズームを避ける
- 16. モバイルブラウザの固定位置
- 17. フォーマットデスクトップとモバイルブラウザのASP.Net MVCアプリケーション
- 18. Facebookのモバイルブラウザ:新しいタブ
- 19. モバイルブラウザの反応性能
- 20. モバイルブラウザのCSS互換性
- 21. モバイルブラウザの固定スケール要素
- 22. WebVRモバイルブラウザの画面タイムアウト
- 23. モバイルブラウザ用に最適化
- 24. セレンでモバイルブラウザを自動化
- 25. モバイルブラウザでJavascriptをテストする
- 26. リモートデバッグタブレット/モバイルブラウザ(USBデバッグなし)
- 27. jquery clickイベントは、モバイルブラウザではなく、デスクトップブラウザでの動的コンテンツに対して機能します
- 28. Jquery .Loadはアンドロイドブラウザでは動作しませんが、同じデバイス上のFirefoxモバイルブラウザで動作します
- 29. モバイルブラウザとubuntuのユーザエージェントの相違
- 30. モバイルブラウザ(iPhone&Android)でのPDFビューアのサポート
はあなたが使用AJAX呼び出し/機能を提供することができます参照してください? –
$アヤックス({ URL:postDetailsUrl、 タイプ: "ポスト"、 データ:{ID:ID}、 成功:機能(データ){ $( '#のcommentList')HTML(データ); 。 initCommentPage(); $ .mobile.changePage( '#postDetails'、{transition: "slide"}) } $( '#commentsNum')。 }); –