動的に変更されたHTMLを保存する

Question

jQueryを使用してHTMLページを動的に変更しました。同じHTMLをリロードすると、初期状態になります。しかし、私はそれが起こることを望んでいません。 jQueryを使って変更を保存する方法はありますか？

ありがとうございます。

Answer 1

jQueryを使用してファイルを変更してリロードに戻したい場合は、その変更を保存するためにデータベースを使用する必要があります。 AJAXまたは純粋なJavaScriptを使用して、フォームからデータベースに変更を転送することができます。

変更が保存されたら、PHP、MySQLクエリ、JavaScript、またはAJAXの組み合わせを使用して、データベースからHTMLページに変更を動的に読み込むことができます。ページをリロードするJavaScript関数は、変更をチェックするPHPコードを生成し、もしあれば、それらはあなたのページにロードされます。

HTML5ローカルストレージは一時的な解決方法です。ブラウザを閉じるかブラウズデータを消去すると、再テストされます。

Answer 2

innerHTML文字列を取得し、データベースまたはHTML5 localStorage経由で保存する必要があります。

はその後のonload、あなたがしなければならないすべては、既存のページの状態をチェックして、あなたの親コンテナにinnerHTMLのようことを挿入です：

savedStateはあなたのhtmlコードを保持する変数である

if(savedState){ 
     myParentContainer.innerHTML = savedState; 
} 

。

状態を保存するには、変更が行われるたびに、またはユーザーが保存ボタンをクリックするたびに発生する保存関数を設計する必要があります。私が言ったように、あなたはHTML5 LocalStorageまたはデータベース経由で保存することができます。 HTML5 LocalStorageは非常に小さく、数メガバイトしか収容できないことに注意してください。

Answer 3

Jqueryを使用して変更を加えたら、HTMLを保存する必要があります。あなたはajax呼び出しでそれを保存し、データベースに保存することができます。そのため、ページをリロードすると、データベースからHTMLがフェッチされ、動作するようになります。