0

次のような動的テーブルがあります。 ここに画像の説明を入力

更新をクリックするたびに、選択した行を更新するためのフォームを含む JQuery ダイアログ ボックスが表示されます。この瞬間まで、この更新は成功していましたが、現在直面している問題は、更新を行うと、データベースは更新されますが、Web ページのテーブルは更新されないということです。私は2つの解決策を考えています：

  • 更新後にページ全体をリロードします (私はこれを好みません)
  • Ajax を使用してテーブルを更新します (これは私のような初心者にはかなり難しいですが、試してみます)

以下は、行を更新するコードです。

$.ajax({
type: "POST",
url: "../folder/update.php",
data: dataString,
success: function(){
    $('.info').show().html("<img src='../images/success.png' width='30px' height='35' />").delay(2000).fadeOut();
// I guess I should load the table here
}
});

私の友達はどう思いますか？助言がありますか？

4

1 に答える 1

1

入力したデータをjQueryでテーブルに追加するだけではどうですか? そうすれば、帯域幅を無駄にすることなく、挿入したものが表示されますか?

編集 -

おっと、更新/削除アクションにはおそらく ID が必要になることを忘れていました。そのテーブルのロジックを別の PHP スクリプトに入れ、table.phpそのスクリプトへの AJAX 呼び出しを使用してその「コンテナー」を更新することをお勧めします。

編集＃2 -

申し訳ありませんが、おそらく私が話していることの例を挙げるべきです。

テーブル<div id="data-table"></div>がtable.php.

次の関数を JS に追加します...

function getNewTable() {
    $("#data-table").load("table.php");
}

データを更新したら、 を呼び出しますgetNewTable()。それだけです。それが役に立てば幸い！

于 2013-10-11T07:58:47.803 に答える