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

【问题标题】：How to display dynamic data on a web page using AJAX如何使用 AJAX 在网页上显示动态数据
【发布时间】：2017-07-14 20:42:05
【问题描述】：

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

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

两个功能都运行良好。

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

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

（PS：我尝试使用 AngularJS 但找不到出路。）

谢谢

【问题讨论】：

标签： angularjs ajax jsp spring-mvc ibm-data-studio

【解决方案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);
        }
    });
}

【讨论】：