Angularjs 如何使用AJAX在网页上显示动态数据

这是我关于这个社区的第一个问题

所以， 我已经创建了两个jsp页面，它们使用Spring MVC实现以下功能： 1.显示从MVC控制器获取的数据，数据来自SQL数据库中的表。 2.将行插入数据库中的表中

这两种功能都工作正常

现在我想在同一个网页上显示这两个功能，当我在数据库中插入行时，它应该同时显示更新的表

请告诉我如何在不使用AJAX刷新的情况下在同一网页上动态插入和显示数据

PS：我试着使用AngularJS，但找不到出路

---

谢谢

您可以参考以下示例代码进行演示

$(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);
        }
    });
}