可能であれば、値を更新した後にテーブルのセルまたは行全体(またはテーブル全体が簡単な場合)を更新する方法を知りたいデータベースのその行のデータベースコンテンツの更新後にテーブル、行、またはセルの内容をリフレッシュする方法
はここで検索を実行し、すべてがうまく機能した後、テーブルには/人口ロードされているテーブル
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover" id="user_list">
<thead>
<tr>
<th> Row ID </th>
<th> Name </th>
<th> Status </th>
<th> Update Date </th>
<th> Action </th>
</tr>
</thead>
<tbody>
<!-- Table data loaded here from jQuery/Ajax after search-->
</tbody>
</table>
</div>
のサンプルです。ボタンは動的IDで生成され、検索後にテーブルデータを追加するajax呼び出しに含まれているため、この表のボタンは表示されません。
ここで、クリックすると、データベースの行の特定のセルが更新されます。私がしたいのは、更新が成功した後、テーブル、行またはセルのいずれかがページ全体を更新することなく更新された値を表示することです。私の願いはそれが単なるセルであるため、フェードイン効果を追加することができますが、助けるものは何でもできます。
私はそれがajax成功のコールバックで行われるべきだと思っていますが、これを達成する方法がわかりません。
次は、データベースを更新するスクリプトのサンプルです。
$(".row-update-btn").click(function(){
var row = $(this).attr('id');
$.ajax({
type : 'POST',
url : 'row_update_test.php',
data : {id:row},
cache: false,
success : function(data)
{
alert(row); //simple test to see which record number was updated.
//this is where I believe the refresh/reload code should go?
}
});
});
行が更新された後、再度検索しますように、あなたがボタンを呼び出すことができます。 –
詳細を追加し、JSFiddleの例を作成することをお勧めします。この質問は現時点では書かれているように本当に*答えることができません。 –
私の質問にどう対応するかを見てみましょう。私は準備が整ったらアップデートを投稿します。フィードバックをお寄せいただきありがとうございます。 – BlueSun3k1