如何使用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在網頁上顯示動態數據

回答

相關問題