location.href 的更好解决方案

Question

我有下表：

这基本上是在.cshtml 中使用foreach 和<tr><td> 附加的。当我单击一个文件夹时，它应该让我获得内容并用新内容重新加载表格。我使用.ajax 获取内容，并使用window.location.href 重新加载页面。但是，使用location.href 重新加载页面确实需要很多时间。页面的性能也很差，因为它再次调用location.href 上的服务器端代码。对于这种情况，您有什么建议？

Answer 1

你说了一些关于 .cshtml 的事情，所以我将尝试向你解释我是如何在 asp.net mvc 中做到这一点的。

您说您正在使用 ajax 调用。没关系。

请创建一个局部视图 (http://www.codeproject.com/Tips/617361/Partial-View-in-ASP-NET-MVC)，它将用于为您提供文件视图的 html。在您的操作中（您从 ajax 调用）

public JsonResult RenderFilesView(int renderMyFolderId){
  var folderModelWithFiles = this._repository.GetFolderAndFilesModel(renderMyFolderId);

  var filesViewHtml = this.RenderRazorViewToString("_FilesView", folderModelWithFiles);

  return Json(new { FilesViewHtml = filesViewHtml });
}

RenderPartialViewToString 在这里：Render partial view to string MVC4

并且你会在你成功调用 ajax 的函数中收到 FilesViewHtml。

$.ajax( url: 'godKnows/RenderFilesView', 
        success: function(response){

               // access response.FilesViewHtml 
               // And you can do something like: 
               $('#container').html(response.FilesViewHtml);
        });

并且无需重新加载页面或天知道是什么。