jquery - ASP NET MVC核心-每X秒刷新部分视图

我想用2个局部视图创建视图：首先是整个对话，其次是允许发送新消息的表格

第一个视图应该每X秒刷新一次（比如说5秒），但是此时用户应该可以在中写一条消息</p> <p>在控制器（消息）中，我有以下方法：</p> <pre><code>$arr = [ ['um' => 1000, 'kali' => '2'], ['um' => 2000, 'kali' => '5'], ['um' => 5000, 'kali' => '1'] ]; $res = []; array_walk($arr, function($v, $k) use (&$res){ $condition = ($v['kali'] == 5) ? 4 : ($v['kali']); for($i=1;$i <= $condition;$i++){ $res[] = ['um' => $v['um'], 'kali' => count($res)+1]; } }); </code></pre> <p>我有以下观点详细信息：</p> <pre><code> [HttpGet] public ViewResult Index() { var vm = _manager.GetAllConversations(); return View(vm); } [HttpGet] public ViewResult Details(int speakerId) { _speakerId = speakerId; var vm = _manager.GetConversation(_speakerId); return View(vm); } [HttpPost] public IActionResult SendMessage(SendMessageViewModel vm) { _manager.SendMessage(vm.SpeakerId, vm.Content); return RedirectToAction("Details", vm.SpeakerId); } </code></pre> <p>和部分视图SendMessage：</p> <pre><code><div class="col-md-6" id="conversationDiv"> <script type="text/javascript"> setInterval("$('#conversationDiv').load('Messages/Details/1')", 2000); </script> @foreach (var speak in Model) { <div>@speak.SendDate @speak.SenderName</div> <div>@speak.Message</div> <hr /> } </div> <div> @{ await Html.RenderPartialAsync("SendMessage", new RandevouMVC.ViewModels.Messages.SendMessageViewModel()); } </div> </code></pre> <p>但是JQuery刷新脚本不起作用... </p> <p>在Shared / _Layout.cshtml中，我有：</p> <pre><code><form asp-controller="Messages" asp-action="SendMessage" method="post"> <textarea asp-for="Content" class="form-control" rows="4" placeholder="message content..."> </textarea> <button type="submit" class="btn btn-primary">Send</button> </form> </code></pre> <p>但是jquery尝试不加载</p> <pre><code> <environment include="Development"> <script src="~/lib/jquery/dist/jquery.js"></script> </code></pre> <p>但是：</p> <pre><code>localhost:port/messages/details/1 </code></pre> </div> <div class="answer-list"> <h4>1 个答案:</h4> <div class="hr-line-dashed"></div> <p>答案 0 :(得分：1)</p> <div class="answer markdown-body"> <p>更改</p> <pre><code>setInterval("$('#conversationDiv').load('Messages/Details/1')", 2000); </code></pre> <p>进入</p> <pre><code>setInterval("$('#conversationDiv').load('/Messages/Details/1')", 2000); </code></pre> <p>在前面加一个斜杠以确保URL是从网站的根目录加载的。</p> </div> </div> </div> <div class="right"> <div style="height:400px"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6263610230477973" data-ad-slot="2820756182" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div style="height:20px"></div> <div class="releated-question-wrapper"> <div class="header"> 相关问题 </div> <div class="hr-line-dashed"></div> <ul> <li> <a href="/q/3787315">刷新几个局部视图</a> </li> <li> <a href="/q/4864304">每5秒刷新一次MuliView的视图</a> </li> <li> <a href="/q/15945138">刷新Json部分视图</a> </li> <li> <a href="/q/20738212">刷新MVC部分视图</a> </li> <li> <a href="/q/22522163">Ajax UpdateTargedId / Browser不刷新ASP MVC部分视图</a> </li> <li> <a href="/q/28328979">每隔几秒刷新两个部分视图</a> </li> <li> <a href="/q/28613630">如何在MVC 4中每3秒刷新一次局部视图？</a> </li> <li> <a href="/q/44067512">ASP MVC刷新局部视图网格</a> </li> <li> <a href="/q/54153760">ASP .NET Core在部分视图中卡住了加载视图组件</a> </li> <li> <a href="/q/56616907">ASP NET MVC核心-每X秒刷新部分视图</a> </li> </ul> </div> <div class="releated-question-wrapper"> <div class="header"> 最新问题 </div> <div class="hr-line-dashed"></div> <ul> <li> <a href="/q/68614764">我写了这段代码，但我无法理解我的错误</a> </li> <li> <a href="/q/68614678">我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？</a> </li> <li> <a href="/q/68614175">是否有可能使 loadstring 不可能等于打印？卢阿</a> </li> <li> <a href="/q/68614313">java中的random.expovariate()</a> </li> <li> <a href="/q/68614125">Appscript 通过会议在 Google 日历中发送电子邮件和创建活动</a> </li> <li> <a href="/q/68615109">为什么我的 Onclick 箭头功能在 React 中不起作用？</a> </li> <li> <a href="/q/68615123">在此代码中是否有使用“this”的替代方法？</a> </li> <li> <a href="/q/68614097">在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化</a> </li> <li> <a href="/q/68614427">每千个数字得到</a> </li> <li> <a href="/q/68615239">更新了城市边界 KML 文件的来源？</a> </li> </ul> </div> <div class=""> </div> </div> </div> <div> <script> var host = window.location.host; if (host =="www.thinbug.com"){ (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); } </script> </body> </html>