一个MVC HTML帮助器以异步加载部分视图_mvc_html_其他

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"><meta name="generator" content="pdf2htmlEX"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><link rel="stylesheet" href="https://csdnimg.cn/release/download_crawler_static/css/base.min.css"><link rel="stylesheet" href="https://csdnimg.cn/release/download_crawler_static/css/fancy.min.css"><link rel="stylesheet" href="https://csdnimg.cn/release/download_crawler_static/16513002/raw.css"><script src="https://csdnimg.cn/release/download_crawler_static/js/compatibility.min.js"></script><script src="https://csdnimg.cn/release/download_crawler_static/js/pdf2htmlEX.min.js"></script><script>try{pdf2htmlEX.defaultViewer = new pdf2htmlEX.Viewer({});}catch(e){}</script><title></title></head><body><div id="sidebar" style="display: none"><div id="outline"></div></div><div id="pf1" class="pf w0 h0" data-page-no="1"><div class="pc pc1 w0 h0"><img class="bi x0 y0 w1 h1" alt="" src="https://csdnimg.cn/release/download_crawler_static/16513002/bg1.jpg"><div class="c x1 y1 w2 h2"><div class="t m0 x2 h3 y2 ff1 fs0 fc0 sc0 ls0 ws0">一个一个MVC HTML帮助器以异步加载部分视图帮助器以异步加载部分视图</div><div class="t m0 x2 h4 y3 ff1 fs1 fc0 sc0 ls0 ws0">介绍介绍</div><div class="t m0 x2 h5 y4 ff1 fs2 fc0 sc0 ls0 ws0">有时，索引页的加载时间可能太长，通常是因为所需的数据来自长时间运行的进程或资源缓慢（DB缓慢，Web服务延迟，特</div><div class="t m0 x2 h5 y5 ff1 fs2 fc0 sc0 ls0 ws0">定数据计算等）。</div><div class="t m0 x2 h5 y6 ff1 fs2 fc0 sc0 ls0 ws0">当然，首先要做的是尝试通过数据库优化，代码审查，数据分页等方式清除这些问题。 但是，作为最后的机会，要改善用户</div><div class="t m0 x2 h5 y7 ff1 fs2 fc0 sc0 ls0 ws0">在浏览器前等待的体验，我们可以做的就是尽快为他提供一些东西，并在有数据时尽快完成页面。</div><div class="t m0 x2 h4 y8 ff1 fs1 fc0 sc0 ls0 ws0">部分视图和部分视图和HtmlHelper扩展方法扩展方法</div><div class="t m0 x2 h5 y9 ff1 fs2 fc0 sc0 ls0 ws0">每个人都知道并使用MVC中的局部视图，以及局部视图如何包含在主View （通常是索引页）中。</div><div class="t m0 x2 h5 ya ff1 fs2 fc0 sc0 ls0 ws0">此扩展是一个新的HtmlHelper工作很脏，即显示“预览”局部视图，在幕后调用真实视图，最后立即准备就绪时显示完整版本，可</div><div class="t m0 x2 h5 yb ff1 fs2 fc0 sc0 ls0 ws0">能只用一行代码调用它。</div><div class="t m0 x2 h4 yc ff1 fs1 fc0 sc0 ls0 ws0">使用代码使用代码</div><div class="t m0 x2 h5 yd ff3 fs2 fc0 sc0 ls0 ws0">C＃</div><div class="t m0 x2 h6 ye ff3 fs3 fc0 sc0 ls0 ws0">@Html.AsyncPartial( " MyController" , " MyAction" )</div><div class="t m0 x2 h5 yf ff1 fs2 fc0 sc0 ls0 ws0">这是代替Html.Partial的扩展的最简单用法，它将提供给：</div><div class="t m0 x1 h5 y10 ff1 fs2 fc0 sc0 ls0 ws0">直接在父视图中加载在这种情况下名为“ MyAction_Preview ”的部分视图，该部分通常是无模型的部分视图。 它的外观应与</div><div class="t m0 x1 h5 y11 ff1 fs2 fc0 sc0 ls0 ws0">最终视图相似，但仅显示一个正在等待的微调器或您喜欢的内容。</div><div class="t m0 x1 h5 y12 ff1 fs2 fc0 sc0 ls0 ws0">将预览部分HTML包装到容器中，并作为内联代码或我们决定的地方注入将调用MyController/MyactionJavaScript代码</div><div class="t m0 x1 h5 y13 ff1 fs2 fc0 sc0 ls0 ws0">用JavaScript获得的异步响应替换容器内容</div><div class="t m0 x2 h5 y14 ff1 fs2 fc0 sc0 ls0 ws0">结果是预览Partial视图...</div><div class="t m0 x2 h5 y15 ff3 fs2 fc0 sc0 ls0 ws0">...一旦有数据，将由完整的“部分视图”替换。</div><div class="t m0 x2 h5 y16 ff1 fs2 fc0 sc0 ls0 ws0">完整的扩展签名如下：</div><div class="t m0 x2 h5 y17 ff3 fs2 fc0 sc0 ls0 ws0">C＃</div><div class="t m0 x2 h6 y18 ff3 fs3 fc0 sc0 ls0 ws0"> public static MvcHtmlString AsyncPartial( this HtmlHelper helper,</div><div class="t m0 x2 h6 y19 ff3 fs3 fc0 sc0 ls0 ws0"> string controller,</div><div class="t m0 x2 h6 y1a ff3 fs3 fc0 sc0 ls0 ws0"> string action,</div><div class="t m0 x2 h6 y1b ff3 fs3 fc0 sc0 ls0 ws0"> string previewPartialName= null ,</div><div class="t m0 x2 h6 y1c ff3 fs3 fc0 sc0 ls0 ws0"> AjaxMethods method = AjaxMethods.GET,</div><div class="t m0 x2 h6 y1d ff3 fs3 fc0 sc0 ls0 ws0"> TempDataDictionary TempData= null )</div><div class="t m0 x2 h5 y1e ff3 fs3 fc0 sc0 ls0 ws0">previewPartialName ：如果提供，它将是在等待异步调用完成时显示的“ preview”局部视图的名称。 默认为“ {action}_preview ”</div></div></div><div class="pi" data-data='{"ctm":[1.611639,0.000000,0.000000,1.611639,0.000000,0.000000]}'></div></div></body></html>