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

这是我对这个社区的第一个问题。如何使用AJAX在网页上显示动态数据

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

这两个功能都正常工作。

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

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

（PS：我尝试使用AngularJS，但无法找到出路）

谢谢

来源

2017-02-24 Sanchit Jethi

您可以参考您的演示下面的示例代码。

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

来源

2017-02-24 05:45:14 SRI

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

回答

相关问题