AJAXを使用してWebページに動的データを表示する方法

Question

これはこのコミュニティの最初の質問です。

だから、私は春のMVCを使用して、次の機能を実行する2つのJSPページを作成しました ： 1）は、MVC-コントローラからフェッチされたデータは、SQLデータベース内のテーブルから来ているデータを示しています。 2.）データベースのテーブルに行を挿入します。

両方の機能が正常に動作しています。

私は両方の機能を同じWebページに表示したいのですが、データベースに行を挿入すると、同時に更新されたテーブルが表示されるはずです。

AJAXを使用してリフレッシュすることなく、同じWebページにデータを動的に挿入して表示する方法を教えてください。

（PS：私はAngularJSを使用してみましたが、外の道を見つけることができませんでした）

あなたは、あなたのデモのために、次のサンプルコードを参照することができ

Answer 1

ありがとうございました。

$(document).ready(function() { 
    commonGateWay(/Get,"load URL","",loadTableDataSuccess); 

    $(document).on("click","#update",function(event){ 
     //insertTable request 
     commonGateWay(/Post,"insert URL","",insertTableDataSuccess); 
    }); 
}); 


function loadTableDataSuccess(data){ 
    //construct your table rows here 
} 

function insertTableDataSuccess(data){ 
    //again call load table req from here 
    commonGateWay(/Get,"test URL","",loadTableDataSuccess); 
} 

//Method to initiate AJAX request 
function commonGateWay(type, url, data, callback) { 
    $.ajax({ 
     type: type, 
     url: url, 
     data: data, 
     success: function (data) { 
      callback(data); 
     } 
    }); 
}