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

Question

这是我对这个社区的第一个问题。

因此，我创建了两个 jsp 页面，它们使用 Spring MVC 执行以下功能： 1.) 显示从 MVC-Controller 获取的数据，并且数据来自 SQL 数据库中的表。2.) 将行插入数据库中的表中。

这两个功能都运行良好。

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

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

（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);
        }
    });
}