次の操作でWebページを更新する

Question

AJAXで非常に簡単なことをしたいです。非常に簡単に聞こえたら謝罪してください。

クライアント側JSページ（AJAX呼び出し付き）から保存ボタンを使用して新しいデータをデータベースに追加すると、そのボタンで新しいデータを表示する必要があります。このために、私は次のオプションがあるとし - 。

1. 私のテーブルが非表示とリフレッシュが初期位置にページを取るされ、当初以来、私のために動作しませんページを（リフレッシュを私はまた、ページを更新しようとしましたが、その後、その表を表示するために1つのアクションを追加しましたが、残念ながらページを更新して次の操作を実行しませんでした）。
2. ページの一部をリフレッシュしています。

だから私の質問です -

1. 他の機能に続いてページを更新することが可能ですか？
2. JSを使用してdivを更新するにはどうすればよいですか？

どちらの解決策でも問題ありません。前もって感謝します。

Answer 1

divをリフレッシュするには、私が知っている限り、そこに表示したい情報を得るためのPHPページが必要です。そこにajax関数を使ってページを配置します。

Answer 2

データを保存した後に変更するdivの内容をサーバーサイドコードに戻すことができます。

jQueryを使用すると、ajax呼び出し後にdivの内容を変更するのは非常に簡単です。

$.ajax({ 
    type: "POST", 
    url: "/someurl", 
    data: theDataToSendToTheServer, 
    success: function(data){ 
     $('#theDivsId').html(data); 
    } 
}); 

Answer 3

JQuery's html() attributeは、JavaScriptを使用して1つのdivを更新することができます。 JQuery's Post methodを使用してサーバーを更新したり、新しいデータを取得したりしてdivを更新することができます。

Answer 4

jQueryを使用していませんか？それはまだかなり簡単です。

document.getElementById('theIDofYourDiv').innerHTML = 'the new contents of your div, including <span>nested HTML tags</span> if you want, provided as a string';