請問如何將MVC的WEB API用Jquery，將資料呈現在Views的對應表格欄位?

最近在用C# MVC要將資料庫內的資料出來，寫api讓前端去接並要呈現在對應表格中，但對前端的語法還不是很熟悉

不太曉得要怎麼把接到api的值，傳到前端要顯示在相對應的表格欄位；

目前只會用append直接印在畫面上，還煩請各位指教，在此感謝。

MessageBase:

img

Model:

img

Controller:

img

View:

img

img

img

前端畫面的欄位表格:

img

看繁体实在是难受，盲猜一下你的需求，看一下我的代码是不是这样的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    <table id="table" border="1" bgcolor="#00FF00">
    </table>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        $("#table").append(`
        <tr>
            <th>Month</th>
            <th>Savings</th>
        </tr>
        <tr>
            <td>January</td>
            <td>$100</td>
        </tr>
        <tr>
            <td>February</td>
            <td>$80</td>
        </tr>
        `)
    </script>
</body>
</html>