如何在ASP.NET MVC 4中刷新div内容而不进行页面刷新和不使用javascript？

Question

Noob需要帮助）我有一个根文件夹的文件列表，我想使其成为一种文件浏览器，但我不想每次都刷新页面。 这是我尝试使其可刷新的局部视图的代码：

<div class="createdb">
@{
    string x = null;
    string[] list = Directory.GetDirectories(HostingEnvironment.ApplicationPhysicalPath);
    foreach(var item in list)
    {
        x = item.Replace(HostingEnvironment.ApplicationPhysicalPath, "");
        <div class="item"><img src="~/Img/fld.png" class="icon"/>@x</div>  
    }  

    string[] list2 = Directory.GetFiles(HostingEnvironment.ApplicationPhysicalPath);
    foreach(var item in list2)
    {
        x = item.Replace(HostingEnvironment.ApplicationPhysicalPath, "");
        <a href="@Html.Action("Refresh");"><div class="item"><img src="~/Img/file.png" class="icon"/>@x</div></a>
    }
}
</div>

控制器ActionResult仅返回视图。 我不知道如何将另一个ActionResult链接到现有视图，只是刷新它的内容。 谢谢

Answer 1

您肯定需要JavaScript或JQuery或AJAX调用才能获取此信息。因为它是在客户端（Web浏览器）完成的。

Answer 2

您需要了解，一旦HTML在客户端的浏览器中，它就是“死的”。 除非客户端执行重新加载同一页面（在查询字符串或表单中使用相同或新的参数）或加载新页面的操作，否则任何更改都无法更改浏览器中的HTML。

除非您使用某种客户端脚本，例如javascript。

因此，如果要避免页面加载，应使用javascript（使用AJAX）。

如果要避免使用javscript，则需要页面加载/重新加载。

Answer 3

非常感谢你。 我已经知道在这种情况下我无法避免使用js。 我就是这样的：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
    $(document).on('click','.createdb a .item', function(e) {
        e.preventDefault();
        var link = $(this).text();
        var p = $('.hid').text();
        $.ajax({
            url: '@Url.Action("DBView")',
            type: 'post',
            cache: false,
            async: true,
            data: { id: link, path: p },
            success: function (result) {
                $('.mainarea').html(result);
            }
        });
    });

控制器看起来像这样：

[HttpPost]
        public PartialViewResult DBView(string id, string path)
        {
            FileManager FM = new FileManager();
            FM.Path = path;
            if (id != "...")
            {
                FM.Path =  path + id + "\\";
            }
            else
            {
                FM.Path = FM.Path.Remove(FM.Path.LastIndexOf("\\"), 1);
                FM.Path = FM.Path.Remove(FM.Path.LastIndexOf("\\") + 1, y - x - 1);
            }
            return PartialView("CreateDB", FM);
        }