通过Ajax更新视图内容

Question

我试图更新一个视图内容但是当我不得不重新加载数据时我陷入困境，我已经实现了通过返回Json的Action再次获取数据，但我不知道如何使用该数据刷新内容。

这是ajax电话：

window.setInterval(function () {
            $.ajax({
                url: "/Home/ModelsUpdate",

                dataType: "json",
                cache: false,
                error: (error) => {
                    console.log(JSON.stringify(error));
                },

                    success: function (result) {
                        console.log(result);


//THIS IS WHERE I NEED TO USE THE DATA AND RELOAD THE VIEW CONTENT

                    }

                });
            },
            15000);

HTML就是这样的预言：

<table>
    <div class="row">
        @foreach (var item in Model)
        {           
                <div class="card hoverable">

                    <div class="progress" style="background: white" value="0" data-acr="@item.Acronym"></div>                       
                            <div class="row">
                               <h7>@item.Name</h7>                           
                            </div>  
                    </div>        
        } 
   </div>
</table>

我需要使用Ajax每15秒更新一次这个foreach。

那可能吗？