C# · 12月 23, 2021

c# – 如何在ASP.NET MVC中实现插页式“加载…”页面?

我有一个SearchController,其动作可以执行一些长时间运行的搜索并返回结果页面.搜索可能需要1到60秒.搜索的URL是以下格式的HTTP GET请求:http:// localhost / Search?my = query& is = fancy

我正在寻找的体验类似于那里的许多旅游网站.我想展示一个中间的“正在加载……”页面,理想情况是:

>用户可以重新加载页面而无需重新启动搜索
>完成后端搜索后,用户将重定向到结果
>禁用JavaScript的浏览器的体验会降低
>后退按钮/浏览器历史记录不应包含此插页式页面.
>在短搜索(1秒)的情况下,它对获得结果或体验的时间没有显着影响(显着丑陋的页面闪烁,无论如何)

这些都是不错的选择.我对所有想法持开放态度!谢谢.

解决方法 您可以通过以下方式执行此操作:

>使用AJAX执行搜索请求(GET URL)
>搜索网址不会返回结果,但会返回一些Json或XML内容以及实际结果的网址
>客户端页面在等待AJAX​​调用完成时显示“正在加载…”消息
>完成后,客户端页面会重定向到结果页面.

使用jquery的示例:

<div id=”loading” style=”display: none”> Loading…</div><a href=”javascript:void(0);” onclick=”searchFor(‘something’)”>Search for something</a><script type=”text/javascript”> function searchFor(what) { $(‘#loading’).fadeIn(); $.ajax({ type: ‘GET’,url: ‘search?query=’ + what,success: function(data) { location.href = data.ResultsUrl; } }); }</script>

(编辑:)

控制器将是这样的:

public class SearchController { public ActionResult Query(string q) { Session(“searchresults”) = performSearch(); return Json(new { ResultsUrl = ‘Results’}); } public ActionResult Results() { return View(Session(“searchresults”)); }}

考虑它伪代码:我实际上没有测试它.