如何使用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);
        }
    });
}