javascript - ページ全体を更新せずにテーブルを更新して、更新されたデータを表示する

Question

同じページにリストされているリスト ページに、新しく追加されたデータを表示したいと考えています。私の問題は、データベースにデータを追加した後、新しいデータを表示するためにページ全体をリロードする必要があることです。ページ全体をリロードせずに表示するにはどうすればよいですか?

Answer 1

If you only want to refresh the table, you can use this jQuery plugin: http://datatables.net

You can call table refresh functions whenever you want. The plugin works using AJAX. To work with you need to have little javascript knowledge as well.

You can find sort of example/demo from here. http://editor.datatables.net/tutorials/api_manipulation

However if you really want to do this get the concept and you also can develop same thing. You just require to learn some AJAX.

Answer 2

データがデータベースに保存された後にボタンをクリックすると、次のスクリプトを使用する必要があります。クライアント側を操作する代わりに、サーバーからクライアントへと往復する必要はありません。

$("#btnSubmit").click(function () {
$('#myForm').ajaxForm({ 
    success:   function(){
       $('#myTable tr:first').after('<tr><td>' + $("#Name").val() + '</td></tr>');
    }
}); 
});