jQuery Mobile Web サイトに 2 つのページがあるとします。
Page1 - インライン PHP を使用してデータベースからのデータを表示します。
Page2 - 新しいデータをデータベースに挿入します。
問題は、page2 がデータベースに何かを追加した後、戻るときに page1 が更新されないことです。F5 キーを押して更新できますが、jQuery を使用して同じ更新を行うにはどうすればよいですか?
jQuery Mobile Web サイトに 2 つのページがあるとします。
Page1 - インライン PHP を使用してデータベースからのデータを表示します。
Page2 - 新しいデータをデータベースに挿入します。
問題は、page2 がデータベースに何かを追加した後、戻るときに page1 が更新されないことです。F5 キーを押して更新できますが、jQuery を使用して同じ更新を行うにはどうすればよいですか?
昨夜遅く、Ajax を使用してインライン php コンテンツを取得する必要があることを見逃していました。
だからこれは私がそれを解決した方法です:
次のように、PHP ファイルをロードする Ajax 呼び出しをページの下部に追加します。
$(document).on('pagebeforeshow', function(){
$.ajax({
type: "GET",
url: "includes/db/ajax_show_php_content.php",
success: function(html) {
$("#page1").html(html); //Insert PHP content
$("#page1").trigger('create'); //Apply jQuery Mobile style to it.
});
});
これを理解するのを手伝ってくれた@hungerpainと@anglinbに感謝します。