データベース テーブルから多数の製品を含むテーブルがあります。各製品には更新ボタンがあり、ユーザーが必要な詳細を修正できるように、ajax を介してデータが入力されたフォームを生成します。
送信時に、データベースを更新してから、リアルタイム更新データを表示していたページに戻りたいと思います。それ以外の場合は、ビューを ajax 成功関数に送り返すと、それが表示されます。私だけがこれでそれを行うことができないようです。フォームタグからアクションとメソッドを取り出して ajax 関数に処理させますが、ビューを返さず、ビューのみを表示するだけですが、div を既存のページの特定の div に移動させたい
/***** submit update form *****/
$(document).on('click', '#updateSubmit', function() {
$.ajax({
type: "POST",
url: 'products/updateProduct',
success: function(data) {
$('#viewProducts').fadeIn(1000, function(){
$(this).html(data);
// THIS IS WHERE I WANT MY VIEW TO BE RETURNED TO(the #viewProducts). CAN THAT BE DONE?
})
} // end success
}); // end ajax
}); // end submit event